[Resolved] Keep menu on one line

Home Forums Support Keep menu on one line

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1297203
    Aymeric

    Hi,

    I want the size of my menu items (including social media icons) to adjust as the screen size get smaller. I already changed the mobile breakpoint but I think it’s still too high. Right now, I get two line of menu on ipad screen size. Is there a way to shrink menu items at the moment we shrink the window size (like in apple.com website) ? Thanks for the help.

    #1297327
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You’ll need to use media queries.

    For example:

    @media (max-width: 1200px) {
        .main-navigation a {
            font-size: 20px;
        }
    }
    
    @media (max-width: 1000px) {
        .main-navigation a {
            font-size: 18px;
        }
    }

    And so on.

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