Archived topic

Mobile Menu

5 replies · Started by thehardhatguy on January 14, 2020

Viewing posts 1–6 of 6

January 14, 2020 at 11:45 am #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.

January 14, 2020 at 11:48 am #1132177

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.

January 14, 2020 at 11:52 am #1132181

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 :)

January 15, 2020 at 4:44 pm #1133533

Thank you! That looks much better!

January 15, 2020 at 4:48 pm #1133535

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

I fixed it. Thanks!

January 15, 2020 at 8:04 pm #1133633

No problem :)

This archived topic is closed to new replies.

Start building better websites today.