[Support request] use the 'hamburger-menu-icon' to dropdown Primary Nav

[freeform1999]

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!!!

[Leo]

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.

[freeform1999]

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!

[freeform1999]

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).

[freeform1999]

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.

[freeform1999]

here’s an image of what I’m trying to do…
https://unsee.cc/dutesipo/
https://unsee.cc/tidunoze/

[Leo]

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

[freeform1999]

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!!!

[Leo]

Any chance you can link me to the site? Thanks!

[freeform1999]

Sure!
Sites under development… can I pm you?

[Leo]

Sure. Account Issue here: https://generatepress.com/contact/

Please reference the topic. Thanks!

[Leo]

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.

[Author]

Posts