[Support request] Merged header with split menu and centered logo

[Tim]

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?

[Ying]

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.

[Tim]

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?

[Ying]

Try this CSS:

.sticky-enabled .main-navigation.is_stuck {
    background-color: white;
}
.sticky-enabled .main-navigation.is_stuck ul li a {
    color: black;
}

[Tim]

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?

[Tim]

Actually, I’m going to have the background color be green so we can keep white. Thank you!!

[Ying]

You can add a sticky navigation logo at customizer > layout > sticky navigation >Sticky Navigation Logo 🙂

[Author]

Posts