[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
  • #1132175


    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.



    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.


    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:

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

    Let me know if this helps 🙂



    Thank you! That looks much better!



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

    I fixed it. Thanks!


    Leo Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.