[Resolved] Centering mobile hamburger menu

[Jennifer]

Hi, I updated to the latest version today after which my mobile hamburger menu was positioned on the left side of the screen as opposed to centered. I wasn’t able to center using the usual layout setting so I ended up reverting to a backup. Please advise how to fix this or if it’s a bug with the new update. It was working fine before the update.
Thanks!

[David]

Hi there,

did you resolve the issue ? IF not can you share a link to the site where I can see the issue ?

[Jennifer]

Hi, no I haven’t resolved the issue. My mobile menu is centred (the way I want it to be) but only because I reverted back to a backup version of my site.

[Leo]

Hi Jennifer,

Looks like a potential bug on our end.

This CSS should fix it in the new version:

.main-navigation.has-menu-bar-items button.menu-toggle {
    flex-grow: 1;
}

Let me know 🙂

[Jennifer]

That worked. Thank you!

[Leo]

You are very welcome – thanks for discovering the issue!

Just for reference, I’ve opened a bug report here:
https://github.com/tomusborne/generatepress/issues/523

You should be able to remove my extra CSS once we pushed out the next release to fix this 🙂

[Author]

Posts