menu is not aligning when using stack:center

simonehow · February 2016

Hi, I have added the css you recommended here in support and also chosen stack:center however the menu is still to the left. what do I need to do to center it as is shown in your demo. thank you

Albert · February 2016

Hi,

please send us link to that page.

simonehow · February 2016

Here it is

http://thecsbmt.com/

Albert · February 2016

We did checked your site but to be honest, we have no idea where did you set it up exactly. Looks like you modified theme files or did something else wrong. Below css would do the trick of course but we still have no idea what you did exactly because the code you have responsible got stack center header style, does not look like our code.

.header-stack.header-center #Top_bar #menu { text-align: center !important; }

simonehow · February 2016

hi, i modified the code as it said to in another thread here in your forums. have deleted it now, and added the new code above and it is still not centering... what do i need to do

Albert · February 2016

You should leave the code you have before. The css we gave you above was just an additional line.

simonehow · February 2016

I did, but it still didn't work...

Albert · February 2016

It does not because you have 2 lines of menu items. This option won't work with 2 lines. You need to remove menu items to have just 1 line. And after that, please use the following css as well:

.header-stack.header-center #Top_bar #menu {
    display:inline-block !important; 
}

simonehow · February 2016

Fab! It is centering now.

cheers, and thank you

Albert · February 2016

You're welcome!

menu is not aligning when using stack:center

Comments