changing font size in mobile only

  • Author
    Posts
  • #138526

    Hello! I love my font size in the desktop view, however, in mobile, the font is too large and the sticky menu does not display all my categories via the drop-down menu (I think due to font size). Is there any way to only change the mobile font size? Thanks!

    The blog I need help with is willsitnews.com.

    #138535

    binarymoon
    Theme Author

    Hi there

    To change the font size you should add the following custom css:

    @media only screen and (max-width: 600px) {
    .wf-active body, 
    .wf-active button, 
    .wf-active input, 
    .wf-active select, 
    .wf-active textarea {
    font-size: 16px;
    }
    }

    The problem with the sticky menu is happening because the menu doesn’t scroll with the page content. My suggestion would be to not have a sticky menu on mobile. You can change this with:

    @media only screen and (max-width: 600px) {
    nav.menu-primary {
        position: relative;
    }
    }
    #138536

    Thank you so much; your help is always speedy and informative.

The topic ‘changing font size in mobile only’ is closed to new replies.