[Resolved] Static background on mobile

[Daniel]

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.

[David]

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.

[Daniel]

Thank you, so parallax on header needs to be disabled otherwise this won’t work?

[David]

Thats correct – its either Parallax or a Fixed Background.

[Author]

Posts