Docs

[arthurdupuy]

Hello,

Here is my website and I can’t have my menu well centered as you can see http://www.alveusclub.com. Do you have an idea of how to have items well centered on both part of the centered logo.

If it’s possible, I would like to have the right items float on the right and the left items float on the left…

Thank you very much !

[arthurdupuy]

This reply has been marked as private.

[Rahul]

Hey There,

Thanks for writing in!

When you add a logo image, you can also set the logo and navigation to be “Inline”. You may go to Appearance > Customize > Header > Logo & Navigation.

If you are not satisfied with this arrangement because somehow your logo is big enough and feel that you need to move the navigation a little to the middle, you may try to use this code then.

@media (min-width: 980px){

    .x-navbar-inner {
        display: table;
        width: 100%;
    }

    .x-brand,
    .x-nav-wrap.desktop {
        display: table-cell;
        vertical-align: middle;
    }
}

Hope this helps.

[arthurdupuy]

Thank for your answer but I would like to have the logo well centered. I’ve tried several codes but the logo is not perfectly centered as you can see.

If you have something else….

Thank you

Arthur

[Joao]

Hi Arthur,

Your logo is well centered on my end.

Would you mind clarifying what you mean or providing a screenshot?

Thanks

Joao

[arthurdupuy]

Hello Joa,

For me it’s not as you can see attached…

Thank you for your help

[Lely]

Hi There,

Thank you for the screenshots.
Your entire menu block is centered. But then the position of the logo in the middle will depend on character length of the first two menu on the left. The longer the menu link name on the left is, the longer the space on the left of the logo. It will push the logo a little on the right. We can add this custom CSS adjust it a little on the left side.

.x-navbar .desktop .x-nav>li:first-child {
    margin-left: -4px; /*Adjust this accordingly*/
}

Hope this helps.

[arthurdupuy]

Thank you for your help !!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts