- This topic has 10 replies, 2 voices, and was last updated 2 years, 1 month ago by Leo.
November 5, 2019 at 11:07 am #1054179Ian
I was wondering if there is something that I am missing. Inside Customizing > Layout > Primary Nav, I have selected Navigation Alignment = Center. Yet in Chrome Inspector, when selecting a portrait mode for iPhone 6-8 & lower screen sizes, mobile menu is left aligned. In fact, I am not even sure it’s left aligned as it looks like it’s wrapped from the line with the logo. And using the Mobile Preview in Cutomizing, it indeed shows the hamburger menu to be centered align. Just not showing this in smaller smartphones or in Chrome Inspector. Any ideas?November 5, 2019 at 11:07 am #1054180LeoStaffCustomer SupportNovember 5, 2019 at 11:41 am #1054204Ian
Thanks Leo. I added the private URL.November 5, 2019 at 12:19 pm #1054231LeoStaffCustomer Support
Are you wanting the logo to be left-aligned and toggle to be centered aligned on mobile?
Not sure if that’s possible as the logo is quite wide and will take up more than half the space on mobile screen.
It’s possible to have both of them centered and stacked though if that works?November 5, 2019 at 12:31 pm #1054235Ian
Hey Leo, yes, tablet and desktop will have logo left aligned and menu float right. Once mobile kicks in, I would like Logo centered and mobile menu centered in a stacked formation. The odd thing is, inside customizer, re-selecting Navigation Alignment = Center does exactly that. But it does not seem to take after being published.November 5, 2019 at 12:32 pm #1054236Ian
Or is there an easy way to make the logo smaller in mobile so menu is still float right in mobile?November 5, 2019 at 12:38 pm #1054237LeoStaffCustomer Support
The customizer setting only applied for desktop.
If you want to stack the logo and menu toggle, try turning off the mobile header option:
Let me know if this helps 🙂November 5, 2019 at 8:16 pm #1054428Ian
That seems to have solved the problem. Logo and Menu are now stacked on mobile devices now.
I may not be understanding the terminology correctly. I assumed Mobile Header = Off means no hamburger menu; ie. just show desktop menu even on mobile devices. This is clearly not the case. Am I missing something?November 5, 2019 at 8:47 pm #1054445LeoStaffCustomer Support
I assumed Mobile Header = Off means no hamburger menu
Mobile header is just a different header layout for mobile, have you checked out this article?
The screenshots should explain it.November 5, 2019 at 11:45 pm #1054484Ian
Thanks for the info. I have disabled the mobile header and this has resolved the issue. Not sure I have the expertise of patience to keep troubleshooting this. Appreciate it.November 6, 2019 at 9:10 am #1055070
- You must be logged in to reply to this topic.