[Support request] Feature request for header and navigation layout

[Jacks McNamara]

Is the code available yet, or are you still working on that?

Thanks so much for being awesome!

[Antonio]

Tom I understand what you mean, but what I want to create is just one navigation menu with the logo in the middle. What we are making right now leave us two menus in mobile. Here is an example from squarespace: https://pacific-demo.squarespace.com/

Like always thank you for your time you are the best!!!!

[Tom]

Jacks – this is exactly the exact process that was used and works great: https://generatepress.com/forums/topic/feature-request-for-header-and-navigation-layout/#post-266841

The “hardest” part there is simply mimicking your secondary navigation styles with your primary navigation styles.

Antonio – the code that Squarespace is using is pretty bad. Wouldn’t feel right about telling you how to mimic what they did.

If you only want one mobile menu, this method is probably your best bet: https://docs.generatepress.com/article/centering-logo-navigation/

[Jacks McNamara]

So I tried the second option (the article about centering your logo in your navigation with only one menu), and I’m having 2 issues:

a) the logo isn’t centered and
b) the logo only displays on the homepage. On any other page it shows a broken image link. (I used a relative url – does that have anything to do with it?)

I temporarily took the dev site off password protection so you can see it. The site is here. The hideous design is someone else’s – I’m re-doing the site they built, don’t judge me by this thing.

[Tom]

That’s the issue with the second method, it requires that the menu items be relatively even on either side of the logo to be centered.

The image URL has to be absolute because of the way WP handles permalinks.

[Joe]

Curious to know if anyone here has refined this technique? Clients are always asking…
Thanks everyone!
Joseph

[Jacks McNamara]

Update: I used Tom’s suggestion above, to use an absolute url for the logo image, and it worked great. I do have to keep the number of menu items on each side of the logo balanced to keep it centered. The finished website in question is here: http://www.robyntwiley.com/. (The design is a little tacky because the client has tacky tastes, IMHO, but what are you going to do? It made her happy.)
.

[Tom]

That’s currently the best solution still 🙂

[Aein]

Hi Tom, I would really like this where the logo is in the middle, where the menu isn’t relatively even.
I have followed your instructions here https://docs.generatepress.com/article/centering-logo-navigation/
but the logo is still not dead center.

What is the status and best way to do this?

I do not want to split the menus like suggested in this thread because of UX for the mobile menu.

[Leo]

Have you tried creating a separate menu for mobile and use the slideout navigation?

Or you prefer the normal navigation?

[Author]

Posts