Change Header menu color

Hi

I searched everywhere how to change this color
header builder settings : no color in style tab
theme settings > colors : no color settings for header
i only found typo settings for headerr

where can i change this ?

thank you

Hello,

You can change the menu font color by following these steps:

1. Navigate to: Theme Settings > Typography > Advanced Typography
2. Create a new rule for the “Main Navigation Links” item.
3. Adjust the color settings as needed to ensure white text on a transparent background: https://ibb.co/h7NwMp5

For detailed instructions, please refer to the documentation:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards,

Thanks, but we recommend this should be a “style” setting in Header builder
as this is a major setting, one of the first things people want to customize in header builder, so it should be there

meanwhile, here is the CSS for those who are searching :

.whb-main-header .wd-header-main-nav .woodmart-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 400;
  color: #1f1f1f;
  text-decoration: none;
}

Also another question, how to control the header height ?
can you provide the right CSS to control height / padding / margin of header ?

thank you !

Hello,

The total header height is determined by the combined heights of all header rows — including the Top Bar, Main Header, and any Bottom Header if used.

You can adjust each row individually:

Edit the row in Header Builder. You’ll find three sliders for height:

Desktop height, Mobile height, Sticky header height (if “Make it sticky” is enabled)

This allows you to control the header height separately for desktop, mobile, and the sticky state when the user scrolls down the page.

See Screenshot for clarification: https://postimg.cc/p5V4Q1cQ

Best Regards,

[Author]

Posts