Solved

[URGENT] Why Is There A Black Underline On My Dropdown Menu

AryavK
Trailblazer
219 9 29

Hi Support Team!

I have a huge problem, can anyone tell me WHY there is there a black line under my dropdown menu even when I added this code: 

.header__menu-item:hover span, .header__active-menu-item {
    text-decoration: none;
}

 

and:

.header__active-menu-item {
text-decoration: none;
}

 

So when I hover on a normal menu it looks like this (zoomed in):

 

Screenshot 2024-01-21 at 8.35.20 AM.png

 

But when I hover on dropdown it has this:

 

Screenshot 2024-01-21 at 8.35.55 AM.png

A BLACK UNDERLINE AND WHITE! I ONLY WANT WHITE!
@Dan-From-Ryviu , @Vortifytech , @BSS-Commerce , @Abdosamer , @KetanKumar , @GemPages , @PageFly-Henry , @PageFly-Theodor , @PageFly-Victor , @PageFly-Oliver 

 

Store URL: www.faithandyou.in

Theme: Dawn

 

Thanks!

faith&you
Accepted Solution (1)

AryavK
Trailblazer
219 9 29

This is an accepted solution.

NVM! 

Just Add this code to the base.css file

 

.header__menu-item:hover span{
text-decoration-color: #FFF2D7;
text-decoration-thickness: 1px;
}
.header__menu-item span{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
details[open]>.header__menu-item{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
.header__submenu .header__menu-item:hover{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
faith&you

View solution in original post

Reply 1 (1)

AryavK
Trailblazer
219 9 29

This is an accepted solution.

NVM! 

Just Add this code to the base.css file

 

.header__menu-item:hover span{
text-decoration-color: #FFF2D7;
text-decoration-thickness: 1px;
}
.header__menu-item span{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
details[open]>.header__menu-item{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
.header__submenu .header__menu-item:hover{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
faith&you