How to edit the color of the built of dropdown on the headerbuilder ?

Hi,

I’ve been looking for some time already, but I can’t find where to edit the dropdown arrow of the menu in the header builder or the style of the dropdown menu. How can I do this? (I’d like to change the background of the dropdown menu, the color of the arrow, and the color/style of the text.)

Thank you again.

Attachments:

You must be logged in to view attached files.

Hi Evann .A,

Thanks for reaching to us.

1. Arrow

Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a.woodmart-nav-link:after

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

2. Background color

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-dropdown{
    background-color: #fff;
}

3. Texts’s font-size, colors

Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to menu items elements.

Regards,
Hung PD

Perfect thanks a lot 🙂

Hi Evann .A,

Glad to hear your issue has been resolved. And hope you can share you feedbacks here https://tally.so/r/w4l54k

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,
Hung PD

[Author]

Posts