- This topic has 11 replies, 3 voices, and was last updated 11 months, 3 weeks ago by
Leo.
-
AuthorPosts
-
April 21, 2020 at 12:56 pm #1248441
Ed
For the life of me I can not figure out how to get my mobile header to display correctly. The bar is there, but the menu just won’t show up. I’ve tried turning the off canvas panel, changed the width, etc. Is there a setting that I’m just missing? Please let me know.
April 21, 2020 at 4:11 pm #1248591Tom
Lead DeveloperLead DeveloperHi there,
I believe this is happening because you’ve disabled the navigation on the page using Disable Elements.
If you enable the navigation, does it display?
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 22, 2020 at 12:48 pm #1249822Ed
I don’t see any options for navigation (screenshot here) – did I miss something?
April 22, 2020 at 3:58 pm #1250043Leo
StaffCustomer SupportLooks like you have this CSS added that’s hiding the toggle:
button.menu-toggle:not(.amp-menu-toggle), #mobile-header button.menu-toggle:not(.amp-menu-toggle) { display: none; }
Let me know if this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 23, 2020 at 7:22 am #1251314Ed
So it turns out that I’m kind of an idiot – that was the CSS that was on github for AMP, but I had the CSS in the customizer vs installing it as a plugin.
Now that this is fixed, I can’t seem to get the nav bar to merge properly – half of it is sitting over the page, and half of it is sitting above the page. What can I do to bring that nav bar down?
April 23, 2020 at 9:07 am #1251660Leo
StaffCustomer SupportNot sure if I fully understand. This is what I’m seeing:
https://www.screencast.com/t/2FMdbyVQYggYWhat’s the issue here?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 23, 2020 at 10:24 am #1251807Ed
I actually don’t want the header on that page at all (not sure how to remove it), but I’m talking one page in (and the rest of the site) – here.
April 23, 2020 at 11:51 am #1251956Leo
StaffCustomer SupportDo you have 30px of top padding added to the page hero?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 23, 2020 at 12:13 pm #1251991Ed
I could have sworn I turned that back to 0 (I was trying different options yesterday), but now it seems to be working OK. Thanks.
How can I take that header off the entry page on mobile?
April 23, 2020 at 12:15 pm #1251999Leo
StaffCustomer SupportTry this CSS:
@media (max-width: 768px) { .home #mobile-header { display: none !important; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 23, 2020 at 12:22 pm #1252009Ed
That’s perfect – thank you!
April 23, 2020 at 12:23 pm #1252013Leo
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.