Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #601970

    Hello,

    I am trying to set my site so that my logo is in the center of the page and has the menu items to the left and right of it. I will attach a sample img of what I am trying to accomplish and a link to my site.

    Thanks!

    #602152

    Hi Pappasdg!

    Please use the logo center menu below settings in Enfold options > Header > Header layout > Menu and Logo Position and the below css to achieve the look.

    Adjust max width and margin right value to suit your needs.

    NOTE: the below css works on default theme without any custom code please remove any styles applied earlier to see it in action. if you still have issue please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    In the below code nth-child(X) should be half of the number of menus for example if you have 4 menus it should be 3 or if you have 6 menus it should be 3.

    
     /*centered menu*/
    .av-main-nav li:nth-child(3) {
        margin-right:350px;
    }
    
    .av-logo-container {
     position:absolute;
    }
    
    #header_main_alternate {
        margin-top: -100px;
        z-index:9;
    }
    .logo {
    z-index:9999!important;    
    max-width:200px;
    }

    Cheers!
    Vinay Kashyap

    #602541

    Hey Vinnie,

    I added the provided code its sort of working but its a bit off. I tried taking off some of the margin-right on the .av-main-nav li:nth-child(3) but that didn’t fix the spacing issue.

    Any ideas?

    Thanks!

    #602706

    Hi!

    Please add this code and change the right margin to 200px

    .html_header_top.html_bottom_nav_header .main_menu>div{
    width:auto!important;
    }

    Best regards,
    Vinay

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

    Hey Vinnie,

    I updated the code but the width is off once I start resizing the menu doesn’t stay centered.

    Thanks!

    #603838

    Hey!

    your logo is on the left side again. Did you change your mind? or do you still want to use it in the middle? if yes use the logo center menu below settings in Enfold options as Vinnie mentioned to you before.

    Best regards,
    Andy

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.