radmitry
(Dmitry Ra)
April 21, 2018, 4:09pm
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 )
radmitry
(Dmitry Ra)
April 22, 2018, 11:51am
2
Still have no solution for that, anyone please?
bro-design
(Dmitrii Tregubov)
April 22, 2018, 11:54am
3
Hi, show your project’s Read-Only link
radmitry
(Dmitry Ra)
April 22, 2018, 11:55am
4
bro-design
(Dmitrii Tregubov)
April 22, 2018, 11:58am
5
Try to set Mount_Warning.jpg to Body background
radmitry
(Dmitry Ra)
April 22, 2018, 12:02pm
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
radmitry
(Dmitry Ra)
April 22, 2018, 12:05pm
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
bro-design
(Dmitrii Tregubov)
April 22, 2018, 12:21pm
8
Ok, I understand. Try in mobile breakpoints for .back element use this background preferences:
Width: 1000px;
Positions preset: top.
radmitry
(Dmitry Ra)
April 24, 2018, 3:52pm
9
Hm, that didn’t work. I still have background image not full height on Android