[Resolved] disable parallax with media query

[Paul]

Hi Tom

I’m having the issue whereby the parallax effect is repeating the image in a section lower down my page. It’s fine for most screen resolutions but is happening before the mobile view is invoked (where you’ve disabled the parallax effect.) What code would I need to put in my media query to disable it a little bit sooner?

Thanks in advance.

Paul

[Tom]

Hi Paul,

You can try this – just adjust the media query:

@media (max-width: 900px) {
    .generate-sections-container.enable-parallax {
        background-position: center top !important;
    }
}

[Paul]

Hi Tom

That’s great – all working 🙂
Btw, I guess the specificity wasn’t strong enough when I added the CSS to my Simple CSS file as it only worked in Chrome. Once I added inline on the page, it worked in all other browsers too.

As ever, thanks for your help and your great work.

Cheers

Paul

[Tom]

That’s strange – browser shouldn’t matter. It might have been cached.

Glad it’s working 🙂

[Author]

Posts