- This topic has 11 replies, 2 voices, and was last updated 3 years, 8 months ago by Leo.
August 23, 2017 at 4:02 pm #372254freeform1999
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!!!GeneratePress 1.4GP Premium 1.4.3August 23, 2017 at 5:59 pm #372294LeoStaffCustomer Support
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.August 23, 2017 at 6:02 pm #372297freeform1999
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!August 23, 2017 at 6:11 pm #372298freeform1999
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).August 23, 2017 at 6:14 pm #372299freeform1999
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.August 23, 2017 at 6:25 pm #372301freeform1999August 23, 2017 at 7:11 pm #372321LeoStaffCustomer Support
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-widthAugust 24, 2017 at 2:38 pm #372984freeform1999
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!!!August 24, 2017 at 6:41 pm #373053LeoStaffCustomer SupportAugust 24, 2017 at 6:43 pm #373055freeform1999
Sites under development… can I pm you?August 24, 2017 at 7:37 pm #373078LeoStaffCustomer SupportAugust 24, 2017 at 10:30 pm #373146LeoStaffCustomer Support
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.
- You must be logged in to reply to this topic.