Archived topic
Menu items on mobile not aligned
11 replies · Started by Marc-Andre on June 23, 2021
Hi, I'm not sure why, but on mobile, the menu items are not aligned left. Instead, they are disposed in a weird way and I dont know how to repair that. Do you have a suggestion?
Thank you for your great support!
Marc
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Good point.
Hi Marc,
Can you check on Appearance > Customize > Layout > Primary Navigation if the "Navigation Alignment" dropdown is set to "Center". Looking at your site, it seems like it is set that way.
Let us know.
Thank you for your reply. However, I actually can't answer right away, my website is down and I can't even reach the dashboard. I will reply back once it's resolved.
Thank you for support!
Sounds good we will be here :)
Hello again,
Finally, I lost the last month of work because the recent backups were corrupted. So there is no issue at the moment.
Thank you for support.
No problem :)
Hi, everything was fine, but now the same issue is back. It's only on mobile. Menu items are aligned center with more than 1 item per line and on some page, they are aligned correctly to the left. When it appears that way, the primary menu is center aligned because I want it that way on desktop.
When I test with alignment to the left, it's almost the same issue. The items are aligned left, however, there is more than 1 item per line.
One more details, generally, the first visited page is always fine, but the one after show the weird appearance menu.
Hi there,
I'm not sure I see what you mean. Here's what I see on my end - https://share.getcloudapp.com/E0uAQ8mo - this occurs on all pages. It stays this way even when I browse around.
Can you provide a mockup image of how its supposed to be laid out?
Hi,
This is how it is supposed to be. I just tried it myself it is also working fine on my side. But yesterday it wasn't.
What I saw is that the items (Recipes, Ressource and About) are on the first line, centered instead on their own line aligned left and the ''Français'' (Language Switcher) appear on a second line centered instead of the fourth line aligned left.
Style, Typo and etc are the same in both case, only the alignment and disposition were different.
But now it is working fine, so I'm not sure if there is something to solve. I guess I will simply rewrite here and come back with more info if it happens again, unless there is something to look for just in case. FYI, I didn't touch the website since I reported this issue.
Thank you for support!
No problem. Let us know if you need further help with this.