Support Center Visit Demo License manager Buy @ envato

Centering Main Menu and removing padding around logo

eldangeroso33eldangeroso33
in Theme support
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.

Comments

  • AlbertAlbert
    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
  • eldangeroso33eldangeroso33
    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
  • AlbertAlbert
    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
Sign In or Register to comment.