Archived topic
disable parallax with media query
3 replies · Started by Paul on December 9, 2016
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
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;
}
}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
That's strange - browser shouldn't matter. It might have been cached.
Glad it's working :)
