Streaming live at 10am (PST)

Fixed Hero Header


#1

Is it just me or are the hero headers only fixed on a computer as opposed to hand held devices? For some reason both sites I've created with webflow containing fixed hero images remain only fixed on my desktop browser. When I view the site on my iPhone or iPad, the hero header images fail to remain fixed. What may be wrong?

Site 01: http://affnoprototype.webflow.io
Site 02: http://judesbank.webflow.io


#2

Afraid so, it's a bit of a bummer but WF doesn't support background:fixed on devices, I ran into the same issue a while back. I suppose with your studio 7 site you could set the entire div that holds the image as fixed because I think its just background:fixed that doesn't work on devices. There's only 1 image on that page so a fixed div would work.

Great looking sites, though!

Cheers,
Jamie


#3

This is due to the way mobile devices render backgrounds.


#4

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