Main Menu center

wickedphiL · September 2014

Hi!

How can I center the main menu if I use the 'Stack: Center' Header?

Thx

Albert · September 2014

Hi,

it has been described on this forum already so please take a look at http://forum.muffingroup.com/betheme/discussion/170/any-suggestion-how-to-center-menu-using-stack-center

wickedphiL · September 2014

I know, thank you but this solution works not 100% because if I scroll down and have a sticky header menu, the links slide into the content?!

Albert · September 2014

Please send us url to page where you did those changes and it does not work as should be. We must have a look closer on it.

Albert · September 2014

For sticky menu, you can use below css also and then everything should be fine

#Top_bar.is-sticky .menu_wrapper { margin-top: -60px; }

Hope this will help you a lot.

QuailAdvertising · September 2014

I'm using the Stack Center with the css code below but when you scroll the menu gets pushed down.

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

Also tried #Top_bar.is-sticky .menu_wrapper { margin-top: -60px; }

QuailAdvertising · September 2014

Trying to cent logo with center menu under, thanks

Albert · September 2014

@QuailAdvertising And what is the problem exactly? Please explain and also send url to website.

Comments