🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Mobile Menu

Home Forums Support Mobile Menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1132175
    thehardhatguy

    I made some changes on the desktop version of my site and it made my mobile version menu really large and also got rid of my logo. How do I fix this? Here’s the link.

    #1132177
    thehardhatguy

    I was able to fix it (the large margin of the mobile menu- fixed it by turning mobile menu off) but now the positioning of the items has all changed. I want my logo in the center. My search bar on the right and my menu on the left.

    #1132181
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    .main-navigation.has-branding .menu-toggle {
        order: 1;
    }
    .navigation-branding, .site-logo.mobile-header-logo {
        order: 2;
        margin-left: auto !important;
    }

    Then I would suggest removing the mobile menu label so the logo will be true center:
    https://docs.generatepress.com/article/mobile-menu-label/

    Make sure to clear your caching plugins after making the changes.

    Let me know if this helps 🙂

    #1133533
    thehardhatguy

    Thank you! That looks much better!

    #1133535
    thehardhatguy

    Wait. My desktop menu is now positioned to the right.

    I fixed it. Thanks!

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