Streaming live at 10am (PST)

Safari Trouble with fixed background


#1

I used this trick suggested by @Waldo to have a fixed bg image on mobile

https://forum.webflow.com/t/trouble-with-fixed-background-images-not-remaining-fixed-on-touch-screen-devices/26733/10

But I have this problem a the top and at the bottom of the page.

Is there a way to fix it?

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hi @stefania4! Do you have a Read-Only to your site which you can share please?


#3

Here you are @Waldo
The same problem also in the desktop version (with Safari)

https://preview.webflow.com/preview/stefanias-first-project-e6faf1?utm_source=stefanias-first-project-e6faf1&preview=400142be3dd92a6b7399fba63c5e5901


#4

Someone @sabanna @PixelGeek @Waldo ? Help?


#5

Hi @stefania4! Thank you so much for reaching back out, my apologies I missed your message previously.

Typically setting your sections to a 100% width, relative position, and a z-index higher than that of the fixed element with a background image should resolve that issue:
CloudApp

Please let me know if this is helpful or if you have any additional questions I’m happy to help further :bowing_man:


#6

Thank you for your help @Waldo! Is this solution working on your safari? It does not work for me… maybe I’m missing something :confused:

http://stefanias-first-project-e6faf1.webflow.io