{"id":26650,"date":"2022-10-01T12:00:00","date_gmt":"2022-10-01T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=26650"},"modified":"2025-06-16T15:18:55","modified_gmt":"2025-06-16T12:18:55","slug":"inherited-responsive-values","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/inherited-responsive-values\/","title":{"rendered":"What are inherited responsive values?"},"content":{"rendered":"\n<p>[callout type=&#8221;important&#8221;]The following article only if you are using the sections and columns layout. If you are using containers, see <a href=\"https:\/\/elementor.com\/help\/mobile-editing\/\">Responsive editing for mobile and tablets<\/a>.[\/callout]<\/p>\n\n\n\n<p>When using the responsive editor in Elementor, inherited responsive values reflect on controls such as: padding, margins, image sizes, and every other numeric control.&nbsp; With each additional custom breakpoint, it is helpful to understand what exactly is being inherited from one breakpoint to another. With Elementor\u2019s visible responsive values, you will see exactly what values were inherited.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/InheritedValueExample.gif\" alt=\"\" class=\"wp-image-26651\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Using Inherited Responsive Values<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select an object on your page that has responsive properties<\/li>\n\n\n\n<li>Enter a value to a control for desktop view<\/li>\n\n\n\n<li>Select another breakpoint (example: tablet). The previous value will be reflected as a greyed placeholder<\/li>\n\n\n\n<li>Repeat for additional breakpoints.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Cascading Responsive Values<\/h3>\n\n\n\n<p>Elementor uses a cascading concept across breakpoints, which means that changes cascade down. Changes you make on a larger breakpoint cascade down to the smaller breakpoint, but this will not work vice versa; Changes to a smaller breakpoint won\u2019t affect the higher breakpoint unless you\u2019re designing for widescreens. In this case, Elementor is cascading up, inheriting the Desktop value.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[callout type=&#8221;important&#8221;]The following article only if you are using the sections and columns layout. If you are using containers, see Responsive editing for mobile and tablets.[\/callout] When using the responsive editor in Elementor, inherited responsive values reflect on controls such as: padding, margins, image sizes, and every other numeric control.&nbsp; With each additional custom breakpoint, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba34d4a1ef3963344faccc"],"footnotes":""},"categories":[1462],"tags":[],"class_list":["post-26650","post","type-post","status-publish","format-standard","hentry","category-editor-faqs"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What are inherited responsive values? | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about What are inherited responsive values? in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What are inherited responsive values? | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about What are inherited responsive values? in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-01T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T12:18:55+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"What are inherited responsive values?\",\"datePublished\":\"2022-10-01T09:00:00+00:00\",\"dateModified\":\"2025-06-16T12:18:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\"},\"wordCount\":201,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/InheritedValueExample.gif\",\"articleSection\":[\"Editor FAQs\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\",\"url\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\",\"name\":\"What are inherited responsive values? | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/InheritedValueExample.gif\",\"datePublished\":\"2022-10-01T09:00:00+00:00\",\"dateModified\":\"2025-06-16T12:18:55+00:00\",\"description\":\"Learn everything about What are inherited responsive values? in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/inherited-responsive-values\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/inherited-responsive-values\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Editor FAQs\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/editor-faqs\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"What are inherited responsive values?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What are inherited responsive values? | Elementor","description":"Learn everything about What are inherited responsive values? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/inherited-responsive-values\/","og_locale":"en_US","og_type":"article","og_title":"What are inherited responsive values? | Elementor","og_description":"Learn everything about What are inherited responsive values? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/inherited-responsive-values\/","og_site_name":"Help","article_published_time":"2022-10-01T09:00:00+00:00","article_modified_time":"2025-06-16T12:18:55+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"What are inherited responsive values?","datePublished":"2022-10-01T09:00:00+00:00","dateModified":"2025-06-16T12:18:55+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/"},"wordCount":201,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/InheritedValueExample.gif","articleSection":["Editor FAQs"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/","url":"https:\/\/elementor.com\/help\/inherited-responsive-values\/","name":"What are inherited responsive values? | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/InheritedValueExample.gif","datePublished":"2022-10-01T09:00:00+00:00","dateModified":"2025-06-16T12:18:55+00:00","description":"Learn everything about What are inherited responsive values? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/inherited-responsive-values\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/inherited-responsive-values\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Editor FAQs","item":"https:\/\/elementor.com\/help\/elementor-editor\/editor-faqs\/"},{"@type":"ListItem","position":4,"name":"What are inherited responsive values?"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/26650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=26650"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/26650\/revisions"}],"predecessor-version":[{"id":58955,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/26650\/revisions\/58955"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=26650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=26650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=26650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}