How to change link hover effect to color in Debut theme?

Store Design
, , ,
1

Currently when you hover on my drop down links, they word becomes underlined. How do i change it to a colour hover instead?

2

Hello @mysacredsoul
Please share your store URL so i can provide possible solution.

3

www.mysacredsoul.co.uk

4

Hello @mysacredsoul

You can add code by following these steps to add background color on hover inside dropdown

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.css theme file

  3. Paste the below code at the bottom of theme.css

.site-nav__dropdown{
padding:0 !important;
}

.site-nav__dropdown li {
padding-top: 5px !important;
}

.site-nav__dropdown li:hover {
background: #efd2cb !important;
}

techlyser_ecom_0-1673979761331.png
techlyser_ecom_0-1673979761331.png1913×904 218 KB

5

HI @mysacredsoul ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1674013847593.png
GemPages_0-1674013847593.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.