WordPress.org

Support

Support » Themes and Templates » How to override a media query in my stylesheet?

How to override a media query in my stylesheet?

  • Since I was told to create my own thread even though it’s identical to another unanswered thread:

    My responsive theme has this media query:

    @media only screen and (max-width: 960px)

    I’m trying to change that max-width to 900px in my custom css, but I don’t know how. The media query is still triggering when the browser is at 960px wide.

    What should I put in my custom css to override this so that it triggers at 900px?? (I’m using Jetpack’s custom css)

Viewing 1 replies (of 1 total)
  • @media only screen and (max-width: 900px) {
        .example {}
    }

    and

    @media only screen and (max-width: 960px) {
        .grid {
            float: left;
        }
    
        .grid-right {
            float: right;
        }
    }

    Thanks,
    Emil

Viewing 1 replies (of 1 total)
  • The topic ‘How to override a media query in my stylesheet?’ is closed to new replies.
Skip to toolbar