Menu not centering

michelle4lynn · October 2015

Hi There,

I am building a website using the Be Contractor Theme.

I am opting of the centered header and logo area, but the menu is not centering. I haven't added any CSS that would effect this. See image for clarification. Any suggestions?

Thanks in advance,

michelle

Albert · October 2015

Hi,

please send us url to page where you got this menu and we'll have a look.

michelle4lynn · October 2015

http://ocb.pixelatedpro.com/

Albert · October 2015

Ok. At first, please turn off "Align menu to right" option under Theme options > Menu & Action Bar > Menu section. And then please use the css we left on http://forum.muffingroup.com/betheme/discussion/170/any-suggestion-how-to-center-menu-using-stack-center

michelle4lynn · October 2015

This worked beautifully. Thank you so much!

michelle4lynn · October 2015

Ooops. Except now the sticky menu isn't functioning correctly.

I tried this code snippet from the forum link you sent me, but it still isn't working

#Top_bar.is-sticky .menu_wrapper { width: auto; }

michelle4lynn · October 2015

Ok now the sticky menu works, but the menu is not aligned center. Here is the code I placed in the CSS.

#header .menu> Li {display: inline-block; float: none;}

#Top_bar .menu_wrapper {text-align: center; width: 100%; }

#Top_bar .top_bar_left {width: 100% importante; }

.header-stack #Top_bar .top_bar_right {display: none; }

#Top_bar.is-sticky .menu_wrapper { width: auto; }

michelle4lynn · October 2015

Never mind, Never mind! I figured it out. Here is the code I used and then I changed the sticky menu style to white.

#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; }

#Top_bar.is-sticky .menu_wrapper { width: auto; }

Albert · October 2015

Thanks

We're glad to hear that you figured it out.

Menu not centering

Comments