Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1203650

    Hello,
    I wanted to Split the menu in the header and center the logo between the menu.
    I used this code of your documentation:

    /* Split menu
    —————-*/

    @media only screen and (min-width: 780px) {
    /*In the below code nth-child(x) the value of x should be half the number of total menu items*/
    #top #header .av-main-nav li:nth-child(4) {
    /* Adjust the width of the logo */
    margin-right:230px;
    }

    #header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    }

    .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
    }

    #header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
    }

    #header .logo img {
    top: 100%;
    transform: translateY(-50%);
    max-width: 230px;
    }
    }

    I give you login credentials so you can see the problem. Can you please help me with this issue.
    thanks and regards,
    Steffie

    • This topic was modified 4 years, 8 months ago by Rikard.
    #1204290

    Ok, I fixed it on my own, you can close this topic.

    #1204296

    Hi Steffie,

    Great, I’m glad that you found a solution and thanks for the update. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Split menu code issue’ is closed to new replies.