Could I customize the color matching of megamenu?

As shown in the picture.
I want to customize the color of the drop-down menu

Attachments:

You must be logged in to view attached files.

Hi zhufan122881,

Thanks for reaching to us.

You want to change the background-color to red and hover color to gray? Please confirm me back.

Regards,

Yes
That’s what i want
Thank you

Hi zhufan122881,

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

.wd-dropdown.wd-dropdown-cats{
	background-color: #dd3333;
}

.wd-dropdown.wd-dropdown-cats .wd-nav-vertical>li>a{
	color: #fff;
}

ul.wd-nav-vertical.wd-design-default>li:is(.wd-opened,:hover)>a{
	background-color: #969391;
}

Regards,

[zhufan122881]

Thank you very much, I achieved the effect I wanted. These codes really work.
Furthermore, I want the text and the icon in the options on mouse hover to turn white.
I know you can do it, please help me make it happen.

• This reply was modified 3 months, 3 weeks ago by zhufan122881.
• This reply was modified 3 months, 3 weeks ago by zhufan122881.

Attachments:

You must be logged in to view attached files.

Hi zhufan122881,

These are images so you can’t change color via CSS.

Navigate to Products > Categories > Edit Category > Upload the image for Header Menu and check again https://prnt.sc/pYs_8tfu3f6z

Regards,

[Author]

Posts