Stack Centre but menu text not centre?

onemotiontech · February 2016

Hi,

Trying to align the text on menu centre, have set stack centre and used following CSS to attempt to do so? It currently sits on the left.... Site is www.onemotiontechnology.co.uk

#Header .menu > li { display: inline-block; float: none;}
#Top_bar .menu_wrapper { text-align: center; width: 100%; }
#Top_bar .top_bar_left { width: 100% !important; }
.header-stack #Top_bar .top_bar_right { display: none; }

Albert · February 2016

Hi,

you need to use the following css as well:

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

mattsc859 · February 2016

Hi,

I'm having the same problem. I've used both the above codes which has worked. The Nav is now centre of the page, but I don't want the content in the drop down menu's to be centred too.

How can I centre the Nav but keep the drop down menu content left aligned?

thanks

Albert · February 2016

@mattsc859 Please update theme to recent version and everything should be fine.

mattsc859 · February 2016

Hi,

I've just updated my theme, but drop down menu is still centred.

Is it possible to make left align the drop down menu but keep the top line Navigation centred?

many thanks.

Albert · February 2016

But the sub-menu items are aligned to left as we see. They are not centered.

mattsc859 · February 2016

Hi,

They are centred. Please see attached example:

http://postimg.org/image/iafa29u7z/

thanks

Albert · February 2016

Please send us link to page where these items are centered then.

mattsc859 · February 2016

Hi,

Here is the website link:

http://185.123.96.241/~capita72/

thanks

Albert · February 2016

Ok. So to move sub-menu items to the left side, please use the following css:

#Top_bar .menu li ul li a { text-align: left !important; }

mattsc859 · February 2016

Thanks a lot, much appreciated.

Albert · February 2016

You are welcome

Stack Centre but menu text not centre?

Comments