Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 27, 2018 at 3:46 pm #1002319
    -OZ-

    Hi, I’m trying to center my logo and split my menu on either side (like so but with more menu items: http://jvdfnyc.com), I managed to split the menu but the logo stays above it in Firefox and the menu just appears unsplit below the logo in Chrome. I would like my menu items and logo to be centered vertically on all browsers.
    The quick css I’ve applied to get to that point is as follows (I tried a bunch from previous support threads):

    .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;
    }
    }

    Thanks

    August 27, 2018 at 4:39 pm #1002363
    Victoria

    Hey -OZ-,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:1024px){
    .html_cart_at_menu.html_header_top #top .main_menu {
        top: -80px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 27, 2018 at 5:12 pm #1002376
    -OZ-

    Hi Victoria, thanks for the quick response.
    The code worked in vertically aligning the logo and menu but the menu is no longer split on either side of the logo and is over it instead (checked on Firefox & Chrome), I’ve left it as it is so you can verify.
    Thanks

    August 28, 2018 at 4:17 am #1002515
    Vinay

    Hi,

    Please replace your code with this snippet to create a logo center split menu.

    Best regards,
    Vinay

    August 28, 2018 at 1:15 pm #1002674
    -OZ-

    Hi Vinay,
    Fantastic, thank you.

    August 28, 2018 at 9:47 pm #1002853
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Logo center, menu left and right’ is closed to new replies.