Centering Main Menu and removing padding around logo

eldangeroso33

Hi, I would like to center the top menu bar and remove padding around logo in the bar. 

Current version I have is displayed here: http://dev.law888.com.vhost.zerolag.com/

What I am trying to make it is displayed here: http://www.law888.com.vhost.zerolag.com/

Thank you.

Albert

Hi,

to center menu items and to remove margin around the logo, you need to use an extra css:

#Top_bar .menu_wrapper {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}
#Top_bar .menu > li {
    display: inline-block !important;
    float: none !important;
}
#Top_bar .logo { margin: 0 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eldangeroso33

Hi, this centered the menu but logo still stays at the left side, when I remove float:left from logo it goes to another row. I would like to have header logo next to header menu. 

Thank you

Albert

We are sorry but it is not possible to center logo with menu. If you want logo to be centered along with menu, you need to use Stack: Center header type instead.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next