Do standard CSS media queries not work?

  • hi there,
    i need to do some tweaking of various elements (on mobile) & the way I usually do this is using a media query in the child theme’s css file.
    this doesn’t seem to be working, i’m using this:

    /* #Mobile (Portrait)
    ================================================== */
    @media only screen and (max-width: 767px) {}

    if there are some specific queries to use with this theme, or, some other way to do this – can someone please point me in the right direction?

    an example would be reducing the h1 size on the homepage.
    thanks,
    Jason

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @minion08

    A standard media query should definitely work, though it’s possible that your CSS rules are overriden by something else.

    For example, this code should change the size of H1 elements on the home page for mobile devices:

    @media only screen and (max-width: 767px) {
  .home h1 {
    font-size: 60px;
  }
}

    If that doesn’t work for you, please give us a link to your site where you’ve added the code, and we can take a look.

    Hi there,

    I hope you found the previous reply helpful. We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Do standard CSS media queries not work?’ is closed to new replies.