[Resolved] Menu on mobile is wrapping to two lines

Home Forums Support Menu on mobile is wrapping to two lines

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #938925
    madmanweb

    I’ve found that when I enabled the site search in the nav menu, the menu on mobile phones is spilling to two lines. My site has a slightly long name but I can’t change that.

    Strangely, it looks normal when viewed through Chome’s developer console and switching to a mobile device view. But when viewed on an actual Android phone, the menu is taking up two lines.

    Please see the posted URL as an example.

    Any idea why?

    #938926
    Leo
    Staff
    Customer Support

    Hi there,

    I think there is simply not enough room when the screen is too small.

    Can you try this CSS?

    .mobile-header-navigation .navigation-branding .main-title {
        margin-left: 0px;
    }

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

    Let me know 🙂

    #938971
    madmanweb

    It didn’t do anything at first, but worked when I added !important to it.

    #938972
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.