Safari Trouble with fixed background

Design help Custom code
1

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

https://discourse.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.

26
261204×890 129 KB

https://ufile.io/q9dqs

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