Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 28, 2016 at 11:36 am #717675
    Byrne

    Hi There,

    I am trying to create a header with the logo in the center and menu left and right. This is the code I have so far which is almost there I just can’t seem to get the logo and menu to sit in the middle of the space.I have attached a link in the private content to the website as well as an image showing how I want it to look.

    Also how can I hide the large menu separators at the beginning and end and before the product menu item.

    /*centered menu*/
    .av-main-nav li:nth-child(3) {
    margin-right:330px;
    }

    .av-logo-container {
    position:absolute;
    }

    #header_main_alternate {
    margin-top: -100px;
    z-index:9;
    }
    .logo {
    z-index:9999!important;
    max-width:230px;
    }

    Cheers

    November 28, 2016 at 2:03 pm #717735
    Nikko

    Hey Byrne,

    I checked on your site but it shows this:

    This site can’t be reached

    Let us know if it’s back up so we can check and help you with it :)

    Best regards,
    Nikko

    November 30, 2016 at 3:10 am #718610
    Byrne

    Hi There,

    Sorry the site is now live. The home page is in the private content below.

    Thanks

    • This reply was modified 8 years ago by Byrne.
    December 2, 2016 at 3:12 pm #719740
    Ismael

    Hi,

    Please remove the following css modification. 

    .av-logo-container {
    position: absolute; 
}

    Once removed, it will center align the logo container.

    Best regards,
    Ismael

    December 4, 2016 at 5:51 am #720139
    Byrne

    Thank you that’s better.

    How can I hide the large menu separators at the beginning and end and before the product menu item.

    December 4, 2016 at 1:53 pm #720214
    Byrne

    I have changed the heading back to logo left menu right. Please close this thread.

    December 5, 2016 at 5:49 am #720300
    Rikard

    Hi @byrne,

    Ok, thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

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