Archived topic
Mobile Navigation menu is not displaying correctly in multiple views
7 replies · Started by jennifer on November 14, 2018
Hi! My navigation menu is either not showing the drop down items or is missing the site tagline. When the hamburger icon displays and you click on menu, it doesn't show the dropdown. On mobile views at 375 px, the site tagline is gone. What the heck is going on? Thanks! :)
Hi there,
Looks like you've fixed the problem with title and tagline? I can see them at any widths.
As for mobile navigation, can you try using the slideout navigation? I think it will work better with your current layout as the page hero is already taking up lots of space on mobile as well:
https://docs.generatepress.com/article/activating-slide-out-navigation/
Let me know if this helps :)
I don't see the fix with the title and tagline yet. I can try the slideout menu option (I tried it before), but can it be styled to move over to the left a bit?
Thanks!
I think I see the problem. You are using Elementor to create the hero section which isn't very responsive.
Can you try using GP's Header Element? You should be able to create the exact look but will work much better on mobile:
https://docs.generatepress.com/article/transparent-header-and-navigation/
Let me know :)
Oooh! I didn't see that update! I tried it, but it's not displaying my hero image. :( I did watch the video for "header element overview", too, but it's not working.
If there's no content inside the Page Hero content area, add this: <!-- Page Hero -->
Then make sure to give the hero top and bottom padding to give it height.
That worked beautifully...thanks so much!
You're welcome :)
