Archived topic

Centering mobile hamburger menu

5 replies · Started by Jennifer on March 23, 2023

Viewing posts 1–6 of 6

March 23, 2023 at 11:45 am #2579264

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!

March 23, 2023 at 3:44 pm #2579482

Hi there,

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

March 23, 2023 at 4:25 pm #2579509

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.

March 23, 2023 at 4:51 pm #2579527

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

March 23, 2023 at 5:14 pm #2579552

That worked. Thank you!

March 23, 2023 at 5:21 pm #2579561

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

This archived topic is closed to new replies.

Start building better websites today.