[Resolved] Nav Menu on Tablet on 2 Lines

Home Forums Support [Resolved] Nav Menu on Tablet on 2 Lines

Home Forums Support Nav Menu on Tablet on 2 Lines

  • This topic has 7 replies, 3 voices, and was last updated 3 years ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1685747
    Dave

    I am having an issue on my actual tablet. When I load in landscape mode the nav menu breaks into 2 lines. Is there a way to make sure this doesn’t happen?

    Chers,

    Dave

    #1685801
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know 🙂

    #1686479
    Dave

    Sure. I have put it in the private info.

    Cheers,

    Dave

    #1686544
    David
    Staff
    Customer Support

    Hi there,

    you need to make a little more room for the search icon.
    Couple of options:

    1. Reduce the menu font size in Customizer > Typography > Primary Navigation.
    2. Reduce the Menu Item Width in Customizer > Layout > Primary Navigation.

    #1686546
    Dave

    Thanks David.
    Is it possible to do this just on the tablet screen size and not mobile or desktop?

    cheers,

    Dave

    #1686830
    David
    Staff
    Customer Support

    Try using this CSS:

    @media(max-width: 1096px) and (min-width: 1025px) {
      .main-navigation .main-nav ul li a {
        padding-left: 15px;
        padding-right: 15px;
      }
    }
    #1686960
    Dave

    That worked. Thanks David

    #1686987
    David
    Staff
    Customer Support

    You’re welcome

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