Streaming live at 10am (PST)

Background image jumping on Google Chrome mobile upon scroll


#1

Hey guys!

I’ve added a fixed full screen div with a background image, to get a fixed background, works just fine on Desktop, but on mobile Chrome is hiding the top bar and because of that the image jumps (I assume Safari may do the same)

Here is the video demonstratin it https://drive.google.com/file/d/1ZKMStyuqOwoXdD_s3y0c6Ct0nOHfbBVD/view?usp=sharing

Would really appreciate an advice / workaround.

Thanks!


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


#2

Still have no solution for that, anyone please? :pray:


#3

Hi, show your project’s Read-Only link


#4

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


#5

Try to set Mount_Warning.jpg to Body background


#6

Thanks, I’ve tried that but the problem with that is that it doesn’t set the background image as fixed even though I am checking that option


#7

I mean it does when I’m looking at the mobile breakpoint on my desktop browser, but when I open it on Android Google Chrome it doesnt seem to support fixed body backgrounds.

You can see on that page http://gilbert.webflow.io/home-body-back


#8

Ok, I understand. Try in mobile breakpoints for .back element use this background preferences:
Width: 1000px;
Positions preset: top.


#9

Hm, that didn’t work. I still have background image not full height on Android