Archived topic
Need help creating a specific menu design
5 replies · Started by donnacavalier on September 11, 2018
I am unable to figure out how to make this navigation possible for the client. They want this:
But I can find no way to achieve it. Instead I can only seem to get this:
I have tried all sorts of CSS ideas, but nothing has worked for me. Is there any way to accomplish what they want? Thanks!
Hi Donna,
For the teal colored secondary menu, set it up as full width, full inner nav width, right nav alignment, below header location.
I set it up this way on a local test site and it works nicely :)
You'll need some CSS to move the primary nav down and for the active underlines.
Cheers!
Lyle
Lyle, when you say secondary menu, I'm not sure it's what I'm asking about. That teal portion is the dropdown submenu for the parent items in the main menu. Is that what you are referring to? Are or you thinking of a completely separate menu?
Ah, OK. I thought it was a separate menu. So in the "desired" menu, the teal part is the drop down for the "Services" parent item. Looks like you'll have to brush up on the GP mega menu setup/settings :) Can't help you with that one as I have not used them.
Yeah, that's what I've been attempting and so far, I come up empty. :(
I also tried using Ubermenu, just in case I needed something else, but that was even worse.
GP's mega menu code works better, but only ends up with what I've shown.
Looks like you were on the right track.
Instead of using float right for primary navigation, try this method:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-header
Let me know if this helps :)
