How to use Media queries for entire sections

Support
#1

Hello,

I’m wondering how to apply media queries to sections so that I can hide sections when resolutions exceed a certain amount, and reveal another section at the same time. Unfortunately the built in feature with Pro that allows you to hide sections has too broad of a range (1200px and up for example). I need to be more specific with my resolution targeting.

#2

Hi,

You can add a class to your sections then target it in your media queries.

eg. Add this in Theme Options > CSS

@media(max-width:1000px) {
       .mysection {
           display:none;
       }
}

Hope that helps.

#3

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