{"id":164578,"date":"2026-03-03T15:13:03","date_gmt":"2026-03-03T13:13:03","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=164578"},"modified":"2026-03-31T16:54:47","modified_gmt":"2026-03-31T13:54:47","slug":"troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/","title":{"rendered":"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">The Issue<\/h2>\n\n\n\n<p>If your <strong>fixed background image is not working in Safari on iPhone or iPad<\/strong>, you may notice that the background does not behave as expected.<\/p>\n\n\n\n<p>When the <strong>Background Attachment<\/strong> option is set to <strong>Fixed<\/strong>, the image may:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Appear zoomed out<\/li>\n\n\n\n<li>Look blurred<\/li>\n\n\n\n<li>Be resized incorrectly<\/li>\n\n\n\n<li>Scroll instead of staying fixed<\/li>\n\n\n\n<li>Fail to create a parallax effect<\/li>\n<\/ul>\n\n\n\n<p>This issue commonly affects <strong>Safari on iOS and iPadOS<\/strong> and may appear as a broken fixed background or parallax effect on mobile Apple devices.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Cause<\/h2>\n\n\n\n<p>Safari on iOS and iPadOS does not fully support the CSS property <code>background-attachment: fixed<\/code>.<\/p>\n\n\n\n<p>Because of this <strong>browser limitation<\/strong>, fixed background images and parallax effects may not function properly on iPhone and iPad devices. This is a known Safari limitation and is not caused by Elementor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Solution<\/h2>\n\n\n\n<p>If your fixed background is not working on iPhone or iPad, use one of the following alternatives.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use Motion Effects instead of Fixed attachment (Recommended)<\/h3>\n\n\n\n<p>If you are using the <strong>Fixed background attachment<\/strong> to create a parallax scrolling effect, switch to <strong><a href=\"https:\/\/elementor.com\/help\/scrolling-effects-vertical-scroll\/\">Motion Effects<\/a><\/strong> for better compatibility with Safari.<\/p>\n\n\n\n<p>To enable Motion Effects:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Edit the element that contains the background image.<\/li>\n\n\n\n<li>Go to <strong>Advanced<\/strong>.<\/li>\n\n\n\n<li>Open <strong>Motion Effects<\/strong>.<\/li>\n\n\n\n<li>Enable <strong>Scrolling Effects<\/strong>.<\/li>\n\n\n\n<li>Adjust the <strong>Vertical Scroll<\/strong> settings to recreate the parallax effect.<\/li>\n<\/ol>\n\n\n\n<p>Motion Effects provide a smoother and more reliable parallax experience across browsers, including Safari on iOS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Disable Fixed attachment on mobile<\/h3>\n\n\n\n<p>If a parallax effect is not required, you can fix the issue by disabling the Fixed background attachment.<\/p>\n\n\n\n<p>To change the background attachment:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Edit the element that contains the background image.<\/li>\n\n\n\n<li>Go to <strong>Style &gt; Background<\/strong>.<\/li>\n\n\n\n<li>Set Attachment to <strong>Default <\/strong>instead of Fixed.<\/li>\n<\/ol>\n\n\n\n<p>Using the Default attachment setting ensures the background displays correctly across Safari and other mobile browsers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add custom CSS<\/h3>\n\n\n\n<p>You can also add custom CSS to the container as a fix.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>For details about how to add custom CSS see <a href=\"https:\/\/elementor.com\/help\/how-to-add-custom-css\/\">here<\/a> for classic containers and <a href=\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\">here<\/a> for Atomic Flexboxes.<\/li>\n\n\n\n<li>In the <strong>Custom CSS<\/strong> section.<\/li>\n\n\n\n<li>Enter the following code:<br>\/* Temporary fix for blurred background image on Apple mobile\/tablet devices when fixed *\/<br>@media only screen and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){<br>selector:not(.elementor-motion-effects-element-type-background){<br>background-attachment: scroll;<br>\u00a0}<br>}<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Information<\/h2>\n\n\n\n<p>Because this issue is caused by a Safari limitation, similar fixed background problems may also occur in other themes or page builders that rely on <code>background-attachment: fixed<\/code>.<\/p>\n\n\n\n<p>If the background still does not display correctly after making these changes, check with your hosting provider to ensure caching or optimization settings are not interfering with background rendering.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Issue If your fixed background image is not working in Safari on iPhone or iPad, you may notice that the background does not behave as expected. When the Background Attachment option is set to Fixed, the image may: This issue commonly affects Safari on iOS and iPadOS and may appear as a broken fixed [&hellip;]<\/p>\n","protected":false},"author":65,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1463],"tags":[1325],"class_list":["post-164578","post","type-post","status-publish","format-standard","hentry","category-troubleshooting-editor","tag-troubleshooting"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) 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\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-03T13:13:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T13:54:47+00:00\" \/>\n<meta name=\"author\" content=\"Saras\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saras\" \/>\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\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\"},\"author\":{\"name\":\"Saras\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/e5957aee4a096954c42499ba80d1644d\"},\"headline\":\"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad)\",\"datePublished\":\"2026-03-03T13:13:03+00:00\",\"dateModified\":\"2026-03-31T13:54:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\"},\"wordCount\":426,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"keywords\":[\"Troubleshooting\"],\"articleSection\":[\"Troubleshooting Editor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\",\"url\":\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\",\"name\":\"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"datePublished\":\"2026-03-03T13:13:03+00:00\",\"dateModified\":\"2026-03-31T13:54:47+00:00\",\"description\":\"Learn everything about Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/#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\":\"Troubleshooting Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad)\"}]},{\"@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\/e5957aee4a096954c42499ba80d1644d\",\"name\":\"Saras\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g\",\"caption\":\"Saras\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) | Elementor","description":"Learn everything about Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) 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\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/","og_locale":"en_US","og_type":"article","og_title":"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) | Elementor","og_description":"Learn everything about Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/","og_site_name":"Help","article_published_time":"2026-03-03T13:13:03+00:00","article_modified_time":"2026-03-31T13:54:47+00:00","author":"Saras","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Saras","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/"},"author":{"name":"Saras","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/e5957aee4a096954c42499ba80d1644d"},"headline":"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad)","datePublished":"2026-03-03T13:13:03+00:00","dateModified":"2026-03-31T13:54:47+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/"},"wordCount":426,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"keywords":["Troubleshooting"],"articleSection":["Troubleshooting Editor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/","url":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/","name":"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"datePublished":"2026-03-03T13:13:03+00:00","dateModified":"2026-03-31T13:54:47+00:00","description":"Learn everything about Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad) in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/troubleshooting-fixed-background-attachment-not-working-in-safari-iphone-ipad\/#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":"Troubleshooting Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/"},{"@type":"ListItem","position":4,"name":"Troubleshooting: Fixed Background Attachment Not Working in Safari (iPhone\/iPad)"}]},{"@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\/e5957aee4a096954c42499ba80d1644d","name":"Saras","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g","caption":"Saras"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/164578","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\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=164578"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/164578\/revisions"}],"predecessor-version":[{"id":166698,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/164578\/revisions\/166698"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=164578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=164578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=164578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}