- This topic has 10 replies, 2 voices, and was last updated 3 years, 2 months ago by
Leo.
-
AuthorPosts
-
November 5, 2019 at 11:07 am #1054179
Ian
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 #1054180Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 5, 2019 at 11:41 am #1054204Ian
Thanks Leo. I added the private URL.
November 5, 2019 at 12:19 pm #1054231Leo
StaffCustomer SupportAre 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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 #1054237Leo
StaffCustomer SupportThe customizer setting only applied for desktop.
If you want to stack the logo and menu toggle, try turning off the mobile header option:
https://docs.generatepress.com/article/mobile-header/Let me know if this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 5, 2019 at 8:16 pm #1054428Ian
Hey Leo,
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 #1054445Leo
StaffCustomer SupportI assumed Mobile Header = Off means no hamburger menu
Mobile header is just a different header layout for mobile, have you checked out this article?
https://docs.generatepress.com/article/mobile-header/The screenshots should explain it.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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 #1055070Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.