Archived topic
Merged header with split menu and centered logo
6 replies · Started by Tim on September 29, 2022
I'd like to have a merged header on my split menu / centered logo site but I think some of the code is overwriting the header element. Can you help?
Hi Tim,
It is merged, but your navigation background color is set to white.
Can you go to customizer > colors > primary navigation and remove the background color?
Or you can go to the header element, and set the primary navigation background color to transparentthere.
Thank you!
Now is there a way to adjust it so that the sticky menu has a white background color and the font changes from white to black?
Try this CSS:
.sticky-enabled .main-navigation.is_stuck {
background-color: white;
}
.sticky-enabled .main-navigation.is_stuck ul li a {
color: black;
}
Thanks!
Now...I need to update the logo...on merged header it's white...so now it's gets lost on sticky. How can I update that so it uses the black version of the logo?
Actually, I'm going to have the background color be green so we can keep white. Thank you!!
You can add a sticky navigation logo at customizer > layout > sticky navigation >Sticky Navigation Logo :)