Menu Bar Second Line centre

Hi There,

I would like to add some new tabs into my menu bar. I am ok with the tabs moving down underneath the current tab but they always appear of the left hand side. Is there a way to make it so whenever I add new tabs to the menu bar, they appear central on the line underneath?

Thanks

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

Hi There,

My URL is creation360ltd.com.

Thanks

Hi Shamil,

Please add this CSS code snippet to (X > Theme Options > CSS):

.masthead-stacked .desktop .x-nav {
    display: inline-block;
}

.x-nav-wrap.desktop {
    margin: 0 auto;
    text-align: center;
}

.x-navbar .desktop .x-nav>li {
    float: none;
    display: inline-block;
}

It should achieve exactly what you want.

Thanks.

Thank You.

Helped Alot

Shamil

1 Like