Hi there,
It seems that our site isn’t centered.
Please see the screenshot here; https://ibb.co/h8jS0Nb and notice how the logo and the text don’t align at all. I have included the site login, can you take a look at the CSS and make any recommendations?
Your input is appreciated!
Hey vantagepointmg,
Thanks for giving us admin access, the reason for it’s slight misalignment is this code:
#header .logo {
left: 53%;
transform: translateX(-47%);
z-index: 999;
}
I have now replaced it with:
#header .logo {
left: 50%;
transform: translateX(-50%);
z-index: 999;
}
Please review your site.
Best regards,
Nikko
Thank you for that! It appears something is now going on with the menu items when we attempt to change the browsing window size. I have included a link of a video showing what I mean.
Please advise.
Hi vantagepointmg,
Thanks for sharing the video.
I have replaced this CSS code:
#top #header .av-main-nav li:nth-child(4) {
margin-right:850px;
}
with:
#top #header .av-main-nav li:nth-child(4) {
margin-right: calc(100% - 500px);
}
Also I replaced this CSS code:
.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}
with:
.av-main-nav-wrap {
width: 100%;
}
Please review your site.
Best regards,
Nikko
Thank you, it looks great!
Hi vantagepointmg,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko