Menu Background Colour Problem

Hi @muzimak,

Thanks for contacting us.

I visited your site URL for more context, but it appears to be in maintenance mode, so I’m not able to view your current homepage.

Could you please provide more details about how you’ve set the menu background color? In the Sydney theme’s customizer settings, it’s possible to set the background color for the entire header, not just the menu. I would like to confirm if this is what you’ve done so I can offer more targeted advice.

For your reference, here’s a screencast showing how I’ve set the header background color on my local install: Screencast.

Please let me know.

Hi @muzimak,

Thanks for the follow-up.

I took a look at the source code of your site, and I found exactly where the conflict is coming from.

There’s a custom CSS code that was manually added to the Additional CSS section of your WordPress Customizer, and it is overriding the theme customizer settings. Here’s a screencast for your reference.

To fix this, you just need to remove that custom CSS code. Navigate to Appearance > Customize > Additional CSS tab. Scroll through the code box until you find this exact block of code:

.sticky-header-active .has-sticky-header .shfb-main_header_row {
    background-color: var(--sydney-global-color-6);
}

Delete that specific block of code and click the Publish button at the top to save your changes.

Once that rule is removed, the sticky header should go back to respecting your regular theme customizer settings.

I hope this helps.

Hi @muzimak,

I’m happy to hear that your issue is resolved! Thanks for letting us know.

Your experience is important to us, and we would love to hear your thoughts on using Sydney. Would you mind sharing a quick review? It only takes a minute and helps us continue to improve!

Here’s the link to leave a review. We appreciate your time and feedback!

Thanks.