Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #566313

    Hello,

    I was wondering if it was possible to have the header have the logo centered and the nav items being to the left and right of the logo. So it would be something like this.

    Nav Nav Nav Logo Nav Nav Nav

    Thanks!

    #566384

    Hey Pappasdg!

    You would need some custom CSS. Send us a link to your page and we’ll see what we can do.

    Best regards,
    Elliott

    #567265

    Hey Elliot Sure here is the link

    #567863

    Hey!

    Make these changes in Admin > Enfold Theme Options > Header > Menu and Logo Position > Logo center, Menu below

    Please use the below css in Enfold > General Styling > Quick CSS

    in the below code adjust the margin right to fit your logo width or slightly more.

    Same with the top pixel .value

    
    .av-main-nav li:nth-child(3) {
        margin-right:300px;
    }
    
    .html_header_top.html_header_sticky #header {
        position: fixed;
        top: 50px;
    }
    
    .html_top_nav_header .av-logo-container {
    	top: -30px;	
        z-index: 999;
    }
    
    @media only screen and (max-width: 989px) {
    .html_top_nav_header .av-logo-container {
    	top: 0px;	
    	left:0;
    }
    }
    
    

    Regards,
    Vinay

    • This reply was modified 7 years, 8 months ago by Vinay.
    #601704

    Hi, I would like to do the same thing, to show the logo and the nav on the same line, with the logo centered. Could you please repose the settings for the Enfold Header settings (the link above is broken). Thank you!

    #601706

    repost the settings

    #601718

    Hey!

    Have you tried the code provided by Vinnie, to your Installation?
    It does not work?
    Please do provide us a link of your web site, if we have to check it.

    Cheers!
    Basilis

    #602248

    Thank Basilis, it seems to be working!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo Center with Menu To Left and Right’ is closed to new replies.