Remove underlines from hover dropdown menu in header

Store Design
,
1

Hello, does anyone know how to remove these 2 underlines from hover dropdown menu? I have 1 underline in header and i want to keep it but in dropdown hover i have these 2 and i want them both to be removed, thanks!

PS Im using Dawn 12.0.0 theme

Screenshot_2.jpg
Screenshot_2.jpg202×286 7.96 KB

2

Store url: https://34394f-3.myshopify.com
Pass: shosan

3

Hi @lexa96

Go to your Online store > Themes > Edit code, open theme.liquid file, add this code under tag
4

Hi @lexa96

Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__submenu .header__menu-item:hover {
    text-decoration-line: none !important;
}
.header__submenu .header__menu-item:before {
    background: transparent !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

Yess, it worked, thank you so much