Archived topic
Static background on mobile
3 replies · Started by Daniel on October 14, 2020
Hi, I'm using a cover, fixed backgrounds for desktop but on mobile they're just indistinguishable as they're zoomed in too much and quite glitchy on scroll when fixed.
What class do I need to use to make them appear static and contained on mobile?
I've tried the body tag but that didn't work. I'm sending the website below.
Hi there,
if you disable the header elements parallax and add this CSS:
@media(min-width: 769px) {
.page-hero {
background-attachment: fixed;
}
}
It will fix the background only desktop devices.
Thank you, so parallax on header needs to be disabled otherwise this won't work?
Thats correct - its either Parallax or a Fixed Background.