[Resolved] Centre Logo

[James]

I have a new site and on this site I have managed to center the logo but I then want the five or six menu items to appear either side of the logo and to appear level with it- not above it or below it.

I have shared an image in the private information.

I have looked at centre logo documentation but when I look at some of the associated docs such as “navigation location” my head just begins to spin.

Thanks

[David]

Hi there,

can you share a link to the site so i can see the layout being used?

[James]

Please see the information in the box below.

[James]

Did you see the link that I sent?

[David]

I am not seeing any menu assigned to the navigation?
Did you add the menu in Appearance > Menus?

[James]

Please clarify. Are you saying that you can only see my logo? You should see menu items such as meat, bones, disease and raw above my logo.

[James]

I have sent a screenshot of what I’m seeing

[David]

Ok, now i can see it.

Next:

1. Customizer > Layout > Primary Navigation set the Location to Float Right.
2 Add the CSS provided in this doc:

https://docs.generatepress.com/article/centering-logo-navigation/

[James]

I have selected “float right” and added the CSS. The logo and menu items are all on the same level but the logo is super imposed over the menu items.

How do I space everything out?

Thanks

[James]

I have also deleted some of the menu items…

[Ying]

Hi James,

This is what I see on your site:
https://www.screencast.com/t/bJbj5yqr1Uc

Is the primary navigation still set tofloat right? It’s looking like above header.

Can you confirm?

[James]

I’m very sorry. I followed your instructions, replied to you and carried on with other changes.

You saw one of those experiments.

I will stop playing with it.

Look now- it is set to “float right”

[Ying]

No worries haha!

But it’s still not float right on front end yet, could you clear cache I’ll try later again 🙂

[James]

I have double checked and it is set to float right and I have cleared the cache!

[Ying]

Can you make sure you are using the Flexbox structure of the theme? This can be checked in Customizer > General.
https://www.screencast.com/t/09aYHJizt

Let me know 🙂

[Author]

Posts