Hello,
I was wondering if it was possible to have the header have the logo centered and the nav items being to the left and right of the logo. So it would be something like this.
Nav Nav Nav Logo Nav Nav Nav
Thanks!
Hey Pappasdg!
You would need some custom CSS. Send us a link to your page and we’ll see what we can do.
Best regards,
Elliott
Hey Elliot Sure here is the link
Hey!
Make these changes in Admin > Enfold Theme Options > Header > Menu and Logo Position > Logo center, Menu below
Please use the below css in Enfold > General Styling > Quick CSS
in the below code adjust the margin right to fit your logo width or slightly more.
Same with the top pixel .value
.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;
}
}
Regards,
Vinay
Hi, I would like to do the same thing, to show the logo and the nav on the same line, with the logo centered. Could you please repose the settings for the Enfold Header settings (the link above is broken). Thank you!
repost the settings
Hey!
Have you tried the code provided by Vinnie, to your Installation?
It does not work?
Please do provide us a link of your web site, if we have to check it.
Cheers!
Basilis
Thank Basilis, it seems to be working!