Return to previous page

Change Hover Text Color Of All Department Menu

This topic has 2 replies, 2 voices, and was last updated 3 years, 7 months ago ago by Olga Barlow

Bilal

Participant

May 17, 2021 at 03:05

Hello
Need your help to change the text and background color on the hover of all department submenu and child.

Thanks

Copied Theme version: 7.2.7

1 Answer

Olga Barlow

Support staff

May 17, 2021 at 12:52

Hello,

We don’t have special option but you can change it using custom CSS

/* == To change department submenu == */
.et_b_header-menu .secondary-menu-wrapper .menu > li:hover {
    background: #48bf59;
}
.et_b_header-menu .secondary-menu-wrapper .menu > li:hover > a {
    color: #fff;
}
/* == To change child submenu == */
.et_b_header-menu .secondary-menu-wrapper .menu .nav-sublist-dropdown li:hover {
    background: #48bf59;
}
.et_b_header-menu .secondary-menu-wrapper .menu .nav-sublist-dropdown li:hover > a,
.et_b_header-menu.et_element-top-level .item-design-dropdown .nav-sublist-dropdown ul > li > a:hover {
    color: #fff;
    opacity:1;
}

Regards

Copied