Archived topic
use the 'hamburger-menu-icon' to dropdown Primary Nav
11 replies · Started by freeform1999 on August 23, 2017
Hi, I'd like to use the 'hamburger-menu-icon' to dropdown my Primary Nav,
aligned to right side of header & on same horizontal line as the tile .
Just to keep a very clean header.
THX TOM!!!
Hi there,
Try activating slideout navigation for both mobile and desktop: https://docs.generatepress.com/article/activating-slide-out-navigation/
Then just don't add anything to the primary menu.
Then you can still use the navigation location etc to place wherever you want.
Let me know if this helps.
THX!!
I will try that...
BUT I want it to dropdown from the icon (or at least near it)
rather then slide in from left...
Edit - just tried it and has the LOOK I want..
but as feared it slides the menu in from the left
where I want it to dropdown or even slide in from right just under the hamburger.
Sooo close... THX FOR ANY HELP!
Also just noticed that ALL pages are in the menu that slides in...
including ones I don't want to be seen (tests and under development ones).
BTW... there's an character that makes the hamburger menu icon... & # 9 7 7 6; ☰ .
I almost got things working by making a menu that used it as the top parent menu item..
but things were not all working quite right.
There must be a better way ?
thx.
here's an image of what I'm trying to do...
https://unsee.cc/dutesipo/
https://unsee.cc/tidunoze/
Ahh sorry I thought you wanted slideout menu on desktop.
In that case, you should only need to use the CSS here and set it to like 3000px.
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width
THX for help Leo!!!
That’s really close... BUT that css makes it so the 'mobile menu & mobile header' are activated for desktop
(my mobile header titles are centered & styled slightly different).
What I wanted is the normal header (with it's titles on the left)
and the hamburger-menu on right (like so many new clean sites do).
(And again, when clicked either drops down a menu or slides it in from the right just under it,
just as my images above show and this example shows https://presscustomizr.com.)
Hmm, maybe if I fiddle with that mobile css I can get the look I want for both desktop & mobile
or is there a simpler way?
THX!!!
Any chance you can link me to the site? Thanks!
Sure!
Sites under development... can I pm you?
Sure. Account Issue here: https://generatepress.com/contact/
Please reference the topic. Thanks!
Ahh you are using mobile header.
Try this snippet instead and change the px to something like 2500 again: https://gist.github.com/generatepress/282078076cd8631c17717d5b8640c043
Let me know.