[Resolved] Mobile Menu

Home Forums Support Mobile Menu

This topic contains 5 replies, has 2 voices, and was last updated by  Leo 2 days, 7 hours ago.

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 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 Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.