How to enable dropdown menu hover on Testament

[GiasUddin]

Hello
I want my dropdown menus also hover a background color as my main menu.

Currently only the Text Color changes, but I want a rectangular colored box on hovering dropdown menu.

I want to hover my dropdown menu like this -

Sorry for bad English, I hope I manage to make you understand what I need.

Website link: www.modfashiongs.uk

Thank you.

[Guleria]

Hello @GiasUddin ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your stylesheet.css file and paste the following code at the bottom:

.dropdown {
    background-color: var(--nav-background-color); 
}

Thanks

[GiasUddin]

I’m sorry it didn’t work.

I want to fill the red marked area with different color when I hover my curser on it.

[Guleria]

Please try this css

.dropdown{
padding: 0 !important;
}
.dropdown .dropdown__menuitem:hover {
    background-color: #2f2f29 !important;
    color: #fff !important;
}

Change color code a/to your need.

Thanks

[GiasUddin]

You’re a saver. Thank you!!