Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 22, 2016 at 4:47 pm #601970
    Pappasdg

    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!

    March 22, 2016 at 10:03 pm #602152
    Vinay

    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

    March 23, 2016 at 3:10 pm #602541
    Pappasdg

    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!

    March 23, 2016 at 6:18 pm #602706
    Vinay

    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 ago by Vinay.
    March 23, 2016 at 6:23 pm #602711
    Pappasdg

    Hey Vinnie,

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

    Thanks!

    March 26, 2016 at 12:56 pm #603838
    Andy

    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

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