[Resolved] Font Sizes on Desktop, Tablet & Mobile

Home Forums Support [Resolved] Font Sizes on Desktop, Tablet & Mobile

Home Forums Support Font Sizes on Desktop, Tablet & Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1491320
    Mary Pearson

    For Primary Menu I have Desktop at 16 px with Tablet and Mobile at 24 px. I did this in Customizer by just changing the icons at the bottom of the page and Publishing with each font size setting. All works perfectly. But when I try to do the same thing with Secondary menu, it will only save the most recent setting, so all fonts are either 16 px or 24px.

    How do I get them to work independently, as I did with Primary Menu?

    Website is https://longfarms.ca/

    Thanks!

    #1491347
    Leo
    Staff
    Customer Support

    Hi Mary,

    The primary navigation font size setting works as it has responsive options:
    https://www.screencast.com/t/qs2d9choGwxh

    Unfortunately, the secondary navigation doesn’t have responsive options currently:
    https://www.screencast.com/t/fEhskrNzo1

    We will be adding it in when we upgrade the typography module down the road.

    For now you can use this CSS to change the mobile font size:

    @media (max-width: 768px) {
        .secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item > a {
            font-size: 24px;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know if this helps ๐Ÿ™‚

    #1491849
    Mary Pearson

    Many thanks Leo. I didn’t realize. Much appreciated!

    #1492226
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.