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
Hey zkarrenbrock1,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Here it is.
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
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
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
Hi zkarrenbrock1,
Did the code given by Ismael help you or do you need more help?
Best regards,
Victoria