Sticky menu nor centered
Hi and thanks in advance.
I have searched and found the fix about the Stack: Center menu and i have put the css code.
#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;}
But when you scroll down the page the Sticky option brings the menu (and the logo) in the left again... and not in the center
Any solution ?
I have searched and found the fix about the Stack: Center menu and i have put the css code.
#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;}
But when you scroll down the page the Sticky option brings the menu (and the logo) in the left again... and not in the center
Any solution ?
Comments
this solution won't work with sticky header. Sticky got own rules and it is not possible to center menu items on sticky.
Thanks for understanding!