Change Hover Text Color Of All Department Menu

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

  • Avatar: Bilal
    May 17, 2021 at 03:05

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


    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 17, 2021 at 12:52


    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;


  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.