Streaming live at 10am (PST)

Mobile preview vs reality RE: fixed background images


#1

I've got my background fixed and when I go to either the landscape or portrait preview it looks great, it doesn't move while scrolling. However, I got on my iphone6 and it sorta flickers and shifts but it's a repeating background image now and it looks terrible. Any ideas why?

Published link: http://idaho-state-universitys-bengal-xc-camp.webflow.io/
Read only link working


Here is my public share link: LINK
(how to access public share link)


#2

@ForcaRunning Fixed Background images don't cooperate on a lot of mobile browsers (the support for it just isn't great).

To get around this, what I've done is add a div behind everything (negative z-index usually) and set the div to fixed positioning with 100% width & 100vh for the height. I've found that this works on mobile :smile:

Otherwise there isn't really a way to get around it that I'm aware of.


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.