Archived topic
Center Logo when Secondary Navigation Enabled
3 replies · Started by Jeff on April 10, 2021
Hello,
I'm creating a Woocommerce site and have enabled Primary and Secondary navigation. Once I enabled Secondary Navigation, my logo moved from being centered in the header to left justified. How can I move the logo back to center?
I've tried various CSS found in these forums but no luck yet.
In my Header Presets I have it set to Navigation After - Centered which worked great until I enabled the Secondary Navigation menu. Once I did that, the logo moved left and I can't figure out how to center it again.
Thanks,
Jeff
Give this CSS a try:
@media (min-width: 769px) {
.site-logo {
position: absolute;
left: 50%;
transform: translatex(-50%);
}
}And then add some bottom padding for the header in customizer > layout > header.
Let me know :)
This worked perfectly. Thank-you very much!
No problem :)
