Skip to content
Sites

Fixed / Parallax Background Image not showing on Mobile Phone, why?

Parallax images or also known as Fixed background images do not properly work on iPhones and iPad. This is a limitation by iOS which blocks the…

1 min read140 words2 explained imagesUpdated Mon, 26 Oct, 2020 at 6:04 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.

Parallax images or also known as Fixed background images do not properly work on iPhones and iPad. This is a limitation by iOS which blocks the Javascript for this animation. This works perfectly on Android phones or tablet, chrome book and Windows tablets.

iOs mobile Safari has a problem rendering fixed background images, unfortunately. This is an iOS browser limitation.

This issue is faced by many other platforms and every platform has its own workaround for this issue.

Figure 1 What this shows This issue is faced by many other platforms and every platform has its own workaround for this issue. What this shows Illustrates "Fixed / Parallax Background Image not showing on Mobile Phone, why?". This screenshot appears in "Fixed / Parallax Background Image not showing on Mobile Phone, why?". The text alongside this image reads: This issue is faced by many other platforms and every platform has its own workaround for this issue. Immediately after, the guide continues: You can have a different section for mobile phone which contains your Parallex Background image and for the mobile phones, you can select any other option than Parallax. Image 1 of 2 What this coversThis issue is faced by many other platforms and every platform has its own workaround for this issue.
Buttons and menus referenced Workaround in GHL Customer Care
Next stepYou can have a different section for mobile phone which contains your Parallex Background image and for the mobile phones, you can select any other option than Parallax.
Figure 2 What this shows This issue is faced by many other platforms and every platform has its own workaround for this issue. What this shows Illustrates "Fixed / Parallax Background Image not showing on Mobile Phone, why?". This screenshot appears in "Fixed / Parallax Background Image not showing on Mobile Phone, why?". The text alongside this image reads: This issue is faced by many other platforms and every platform has its own workaround for this issue. Immediately after, the guide continues: You can have a different section for mobile phone which contains your Parallex Background image and for the mobile phones, you can select any other option than Parallax. Image 2 of 2 What this coversThis issue is faced by many other platforms and every platform has its own workaround for this issue.
Buttons and menus referenced Workaround in GHL Customer Care
Next stepYou can have a different section for mobile phone which contains your Parallex Background image and for the mobile phones, you can select any other option than Parallax.

Workaround in GHL Customer Care

You can have a different section for mobile phone which contains your Parallex Background image and for the mobile phones, you can select any other option than Parallax.

Here is an article on making separate sections for mobile phones:

https://docs.ghlcustomercare.com/support/solutions/articles/48001161151

There are many threads on different forums that address this issue and might be able to help you.
https://www.google.com/search?source=hp&ei=n6eWX_GlOMjMaIu9nagH&q=parallax+image+not+showing+on+iphone&oq=parallax+image+iphon&gs_lcp=CgZwc3ktYWIQAxgAMgYIABAWEB4yBggAEBYQHjoICAAQsQMQgwE6AggAOgUILhCxAzoFCAAQsQM6DgguELEDEIMBEMcBEK8BOggILhCxAxCDAToCCC46CAguELEDEJMCOgoILhCxAxAKEJMCOgQIABAKOgQILhAKOgcIABCxAxAKOgoIABCxAxCDARAKOgcILhCxAxAKUKMNWPF0YJ2BAWgAcAB4AIABgQWIAeo4kgEKMi0xOC43LjAuMZgBAKABAaoBB2d3cy13aXo&sclient=psy-ab

Was this guide helpful?

Related guides