Editing colours of main navigation bar

Where can I edit the colour of the main navigation bar & the dropdowns, as the links don’t stand out very well.

Background colour on hover
The link itself
The background on dropdown as it’s currently white on white

Ideally if there’s an easy way to edit the colours in all of this area.

Screenshot attached for you. Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

The main naviagation is edited in the Theme Settings > Typography.

All the colors are edited in the Theme Settings > Styles and colors.

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

What about the main menu / navigation bar?

It’s currently got a white background & still white on hover.

Where can I change this, as well as the font & colours?

Hello,

The rows color are edited in the Header builder row settings: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Main menu colors are changed in the Advanced typography.

Best Regards

I can’t see anywhere to change the background colour on hover?

Also the little down arrows nexto each category in the header. How do I remove them?

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area and provide more details on arrows in the categories, provide page URL.

Best Regards

The main menu accross the top adds arrows besides the test when you add a sub menu.

You can’t see it now as it’s black on black but it still takes up a bit of space.

Hello,

Thank you very much for choosing our theme and for contacting us.

.wd-header-nav.wd-full-height .wd-nav>li:hover{
background-color:red;
	transition:1s;
}
.wd-header-nav.wd-full-height .wd-nav-main > li:hover > a{
color:yellow;
	transition:1s;
}

Best Regards

[Author]

Posts