Docs

[Ainsleymd]

Hello,

Is it possible to make the logo right in the middle of navigation bar on my website here and is not affected by another one menu item length?

[Lely]

Hi There,

Unfortunately, from your setup, the position of the logo in the middle of the menu is controlled by the length of the items on the left side. The entire block will be centered but then we don’t have control on where the logo will land because it is part of that block. Adjusting it manually will have issues on responsiveness.

Hope this helps.

[Ainsleymd]

Hi Lely,

Thanks for your comment. I totally understand that.
Do you have any different setup to make the navigation bar looks like that? so I can put the logo right in the middle.

[Rue Nel]

Hello There,

I am another staff checking on the thread! You can only place the logo at the very center of the page if you will make sure that on each side will have the same number of menu items. For example, you have to make sure that on the left and right side will have 3 menu items with almost the same word length. If it is impossible to have the same word length, you might need to add a custom css that will at least set a default minimum width for each menu items.

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    min-width: 150px;
    text-align: center;
}

Hope this make sense.

[Ainsleymd]

Got it. Thank you so much for your help and advices.

[Lely]

You’re welcome!

Cheers!

[Author]

Posts