{"id":58044,"date":"2025-05-19T15:55:15","date_gmt":"2025-05-19T12:55:15","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57093"},"modified":"2025-09-02T15:26:23","modified_gmt":"2025-09-02T12:26:23","slug":"responsive-editing","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/responsive-editing\/","title":{"rendered":"Responsive editing"},"content":{"rendered":"\n

[callout title=”Who can use this feature”]This article is for Editor v4<\/strong> users. If you’re using Editor v3<\/strong>, check out the relevant article here:
\ud83d\udc49 Responsive design<\/a>[\/callout]<\/p>\n\n\n\n

Responsive editing entails editing an element so that the design is suitable for different screen sizes. In Elementor Editor V4 Responsive editing is clear and straightforward and all element options can be customized for different screen sizes.<\/p>\n\n\n\n

To edit an element for device<\/strong>: <\/p>\n\n\n\n

    \n
  1. Select the element you want to edit. 
    \"\"
    In this example, we\u2019re viewing the page as it would look on a desktop.<\/li>\n\n\n\n
  2. In the top bar, click the device you want to edit for.
    [callout type=”note”]You can edit any of the options under the Style<\/strong> tab while in responsive mode.[\/callout]
    In this case we\u2019ll switch to the setting for mobiles.<\/li>\n\n\n\n
  3. Edit the options.
    In this case, we\u2019ll change the background image and decrease the text font size.
    \"\"
    \"\"
    You see the page as it appears on mobile devices.
    [callout type=”note”]Responsive settings are inherited by default from larger screens to smaller screens. For example, if you use a 24 point font for a heading on desktop computers, tablets will also use a 24 point font unless you use responsive editing to change the size for tablets. And if you change it to a 12 point font for tablets, mobiles will use this 12 point font unless you change it. The exception is widescreens, which do not affect any other settings.[\/callout]<\/li>\n<\/ol>\n\n\n\n

    Hide an element on mobile devices<\/h2>\n\n\n\n

    In many designs, an element that works well for one screen size may not be a good fit for another. For instance, a large image may look great on desktops and tablets but break the design on mobiles. In these cases, you can use the Style tab to hide an element on selected screen sizes.<\/p>\n\n\n\n

    To hide an element on selected screen size<\/strong>:<\/p>\n\n\n\n

      \n
    1. Add an element to a page.
      \"\"
      For this example, we’ll use an image.
      \"\"<\/li>\n\n\n\n
    2. Click the mobile icon on the top bar.
      \"\"<\/li>\n\n\n\n
    3. Select the Image element. The options appear in the left-hand panel.
      \"\"<\/li>\n\n\n\n
    4. Click the Style<\/strong> tab.
      \"\"<\/li>\n\n\n\n
    5. Open the Layout<\/strong> section.
      \"\"<\/li>\n\n\n\n
    6. Select None<\/strong>.
      \"\"
      The image no longer shows up on mobile screen sizes.
      [callout type=”tip”]You can still access the Image element using the Structure window. Fore details, see       Use page structure to navigate your page<\/a>.[\/callout]<\/li>\n<\/ol>\n\n\n\n

      Inherited values and responsive editing<\/h2>\n\n\n\n

      Responsive settings are inherited by default from larger screens to smaller screens. For example, if you use a 24 point font for a heading on desktop computers, tablets will also use a 24 point font unless you use responsive editing to change the size for tablets.<\/p>\n\n\n\n

      When settings are inherited from a larger screen size, these values will appear muted, so you know they are inherited.<\/p>\n\n\n\n

      For example, below is an image of Heading element that set to 70 PX on desktop, as seen on the right, a setting that is inherited by the table screen size, as seen on the left:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Notice that the 70 PX in the tablet setting is muted. <\/p>\n\n\n\n

      Clicking the gray dot by Font size<\/strong> shows where this value is inherited from:<\/p>\n\n\n\n

      Inherited values applies to most element settings. <\/p>\n","protected":false},"excerpt":{"rendered":"

      [callout title=”Who can use this feature”]This article is for Editor v4 users. If you’re using Editor v3, check out the relevant article here:\ud83d\udc49 Responsive design[\/callout] Responsive editing entails editing an element so that the design is suitable for different screen sizes. In Elementor Editor V4 Responsive editing is clear and straightforward and all element options […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1507],"tags":[1513],"class_list":["post-58044","post","type-post","status-publish","format-standard","hentry","category-general","tag-v4"],"acf":[],"yoast_head":"\nResponsive editing | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Responsive editing in this article from Elementor's Knowledge Base. Get Elementor tips & 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\/responsive-editing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive editing | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Responsive editing in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/responsive-editing\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:55:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-02T12:26:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"241\" \/>\n\t<meta property=\"og:image:height\" content=\"903\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Responsive editing\",\"datePublished\":\"2025-05-19T12:55:15+00:00\",\"dateModified\":\"2025-09-02T12:26:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/\"},\"wordCount\":532,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"General\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/\",\"url\":\"https:\/\/elementor.com\/help\/responsive-editing\/\",\"name\":\"Responsive editing | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png\",\"datePublished\":\"2025-05-19T12:55:15+00:00\",\"dateModified\":\"2025-09-02T12:26:23+00:00\",\"description\":\"Learn everything about Responsive editing in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/responsive-editing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png\",\"width\":241,\"height\":903},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/responsive-editing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"General\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/general\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Responsive editing\"}]},{\"@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\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive editing | Elementor","description":"Learn everything about Responsive editing 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\/responsive-editing\/","og_locale":"en_US","og_type":"article","og_title":"Responsive editing | Elementor","og_description":"Learn everything about Responsive editing in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/responsive-editing\/","og_site_name":"Help","article_published_time":"2025-05-19T12:55:15+00:00","article_modified_time":"2025-09-02T12:26:23+00:00","og_image":[{"width":241,"height":903,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/responsive-editing\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/responsive-editing\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Responsive editing","datePublished":"2025-05-19T12:55:15+00:00","dateModified":"2025-09-02T12:26:23+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/responsive-editing\/"},"wordCount":532,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png","keywords":["V4"],"articleSection":["General"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/responsive-editing\/","url":"https:\/\/elementor.com\/help\/responsive-editing\/","name":"Responsive editing | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-8.png","datePublished":"2025-05-19T12:55:15+00:00","dateModified":"2025-09-02T12:26:23+00:00","description":"Learn everything about Responsive editing in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/responsive-editing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/responsive-editing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/responsive-editing\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/03\/Advanced-tab.png","width":241,"height":903},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/responsive-editing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"General","item":"https:\/\/elementor.com\/help\/v4-editor\/general\/"},{"@type":"ListItem","position":4,"name":"Responsive editing"}]},{"@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\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58044","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=58044"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58044\/revisions"}],"predecessor-version":[{"id":152161,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58044\/revisions\/152161"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=58044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=58044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=58044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}