Archived topic
Slideout menu on mobile issues.
5 replies · Started by Andrew on October 6, 2018
Hi there,
I'm getting a bit confused here: I increased the width of the slideout menu. It works fine on desktop but on mobile it is too big for the screen and is automatically open. Is it possible to make it full-width for mobile and to make it work properly. Also, I'm confused to how the mobile menu works. The menu hamburger only seems to activate the slideout, when I want it to activate the main menu and the slideout.
I also swapped the slideout's hamburger icon for the word "Schedule" and would like this to stay the same on mobile.
Any pointers would be wicked!
Hi there,
You can set different widths of slideout navigation by using media query with your current CSS:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints
And this should help with mobile menu label:
https://docs.generatepress.com/article/mobile-menu-label/
Let me know :)
Cheers,
I was already using a media query but I had mistakenly miscoded, so that's fixed.
But I'll explain again the second issue.
On mobile I want the hamburger icon to open the Primary navigation and I want some text (Schedule) to open the slideout menu.
It seems that when you have the sideout enabled for both desktop and mobile, then the primary naigation is not there on mobile at all.
Am I missing something?
Ahh yeah you can only assign one menu to slideout navigation.
This would be the workaround: https://generatepress.com/forums/topic/cant-see-primary-menu-on-mobile/#post-684622
Let me know :)
OK, yes, I discovered those classes on the other link you posted. I guess that will do the job! Thanks for the help.
No problem :)
