Header Menu Styling

I’m currently using the ‘Accessories Demo,’ and my objective is to achieve a transparent header menu with white text and a white logo. However, when I scroll down, I want the menu to become sticky with a white background and dark text and logo. By default, the sticky menu behaves as expected when using a dark text color scheme.

Could you please advise on how to configure the main transparent menu to display everything in white on a transparent background, while maintaining the sticky menu with a white background and black logo, text, and icons?

Thank you for your assistance.

Hi,

Thanks for reaching to us.

Go to Woodmart > Header builder > edit default header (highlighted star icon) in the header setting disable the option to make it overlap.

If it doesn’t work, make sure you have not selected Custom header via Page Settings https://prnt.sc/eHZ_7JPDlZag

Please read this also https://xtemos.com/docs-topic/how-to-enable-header-overlap/

In order to adjust font styles for the header, there are 2 locations in Theme Settings > Typography > Basic and Advanced.

– Basic area: https://prnt.sc/3BOz7HknKRxB https://prnt.sc/x4SUS1P_13E7.

– Advanced area: https://prnt.sc/NdFpgA507bFD In this area, you can change menu hover and active colors as well.

Please read documentation also https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,

[Author]

Posts