Return to previous page

How to change mobile menu hover colour ?

This topic has 6 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Rose Tyler

Lasitha851

Participant

November 22, 2022 at 09:02

Hi Dear,

Q1 – I need to change mobile menu hover colur. how to do it.
https://i.postimg.cc/fbWq6Xn9/image.png

colour should be #000099 in all menu items. when the drop down icon clicked colour changed.

Q 2 – what is the way to change drop down icon in manu ?
https://i.postimg.cc/FFd41tfB/image.png

Thank you.

#339176 Copied Theme version: 8

5 Answers
Rose Tyler

Support staff

November 22, 2022 at 09:35
Hello,

1/ use the next custom CSS code:
```
div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist-dropdown:not(.nav-sublist), div.mobile-menu-content .et_b_header-menu .menu li > ul:not(.nav-sublist-dropdown):not(.nav-sublist), div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist > ul {
    opacity: 1;
}
.et_b_header-menu .nav-sublist-dropdown .item-link:hover, .site-header .widget_nav_menu .menu > li > .sub-menu a:hover, .site-header .etheme_widget_menu .nav-sublist-dropdown .item-link:hover {
    opacity: 1;
    color: red;
}
```
2/ By default, there is no option to change mentioned icons.

Regards
#339178 Copied
Lasitha851

Participant

November 22, 2022 at 10:15

check this screenshorts also.
https://postimg.cc/gallery/h7hXcDy

I need change colour thease drop down also. ( it shoud be blue, with out opacity

#339195 Copied
Rose Tyler

Support staff

November 22, 2022 at 10:20
Please add !important; here https://prnt.sc/l8TjmRQ3NaaZ , you will get
```
div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist-dropdown:not(.nav-sublist), div.mobile-menu-content .et_b_header-menu .menu li > ul:not(.nav-sublist-dropdown):not(.nav-sublist), div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist > ul {
    opacity: 1 !important; 
}
```
Regards
#339200 Copied
Lasitha851

Participant

November 22, 2022 at 10:29

Thank you so much. It’s done.

#339205 Copied

Rose Tyler

Support staff

November 22, 2022 at 10:33

You’re welcome!

Regards

#339208 Copied
Tagged: change, colour, hover, menu, mobile, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)