Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #871077

    Hi guys,

    I am trying to center a logo between menu items. I found the following CSS code on this forum but it isn’t exactly centered. the menu items on the right are farther away from my logo than the menu items on the left. I would like a way to center the menu items around the logo.

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

    Here is a link to the screenshot: https://imgur.com/a/ekZR5

    Thanks

    #871249

    Hey zkarrenbrock1,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #871284

    Here it is.

    #872386

    Hi,

    Please use the following css code instead.

    .av-main-nav li:nth-child(3) {
        padding-right: 220px;
    }
    
    .av-main-nav li:nth-child(n+4) {
        left: -50px;
    }
    
    #header_main_alternate {
        margin-top: -100px;
        z-index:9;
    }
    
    .logo {
        z-index:9999!important;
        max-width:230px;
    }

    Best regards,
    Ismael

    #878307

    Not quite. Add that code in that thread but things are off. I need the Services and about on the left and the faq and the request to the right. I also need the menu to not be so large. Please advise

    #879194

    Hi mcraig77,

    Could you please give us a link to your website, we need more context to be able to help you. Please start a separate thread, describe your issue there and give us a link to your website.

    Best regards,
    Victoria

    #879196

    Hi zkarrenbrock1,

    Did the code given by Ismael help you or do you need more help?

    Best regards,
    Victoria

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