Home › Forums › WoodMart support forum › Menu Background Hover Colour

Menu Background Hover Colour

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 25, 2022 at 3:25 pm #356032

    IanB
    Participant

    How do I change the background colour of the main menu on hover ?

    Thanks

    February 26, 2022 at 8:16 am #356148

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-nav[class*="wd-style-"]>li > a:hover {
    color: red;
}

    Best Regards

    February 26, 2022 at 9:03 am #356155

    IanB
    Participant

    Thanks that changes the menu text colour but not the menu background colour ?

    How do I change the background colour on hover ?

    Also is it possible to make it stay that colour when using the html menu drop down for that link ?

    February 26, 2022 at 10:50 am #356170

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-nav[class*="wd-style-"]>li > a:hover {
    background-color: aqua;
}

    Best Regards

    February 26, 2022 at 10:56 am #356174

    IanB
    Participant

    Is it possible to keep the selected menu link this colour when accessing the HTML Mega Menu also ?

    February 26, 2022 at 12:18 pm #356185

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-nav >li.current-menu-item>a {
    background: aqua;
}

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)