Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #413429

    Hey Folks –

    I’m trying to reduce the size of the page titles on smartphones and tablets.

    I’ve added this media query at the top of my stylesheet

    /* iPhone (portrait) and up ———– */
    @media only screen and (min-width : 321px) and (max-width : 1024px){
    #top .alternate_color.title_container .main-title a{
    font-size: 10px !important;
    }
    }

    It works when I reduce the size of the browser but not on my mobile device.

    Is there something I’m missing?

    Cheers

    #413537

    sorry and here is the link to a page with the title I’m trying to target.

    http://queenswharf.org/enterprises-at-queens-wharf/

    #414011

    Hi!

    Try with this code instead:

    @media only screen and (max-width: 767px) {
    #top .alternate_color.title_container .main-title a{
       font-size: 14px !important;
    }

    Best regards,
    Josue

    #414086

    perfect – what was I doing wrong?

    #414091

    Hi,

    The min-width was unnecessary in the media query.

    Regards,
    Josue

    #414120

    thanks – appreciate the help

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘media query not working for site’ is closed to new replies.