How can I remove the underline from menu links?

Store Design
1

I read so many forums and tried so many things. I cannot remove the underline from the menu links. How do I?

https://elitejewelsco.myshopify.com/

PW: elite

2

Hi @krishafj ,

  1. Go to your Admin store > Online store > Themes > Click Actions > Edit code

  2. Open the base.css file under your Asset folder.

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

@krishafj

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.header__menu-item span {text-decoration: none;}
4

Hey @krishafj ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

.header__inline-menu .header__menu-item span {
  text-decoration: none;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

5

Please add below css in bottom of assets/base.css file

.header__menu-item span {
text-decoration: none;

}
Thank you.

6

@krishafj

add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

.header__menu-item span{text-decoration: none !important;}
7

all your advice doesn’t work!

8

Hi @tekiczech ,

Our solution might not work for you unless your website is the same as @krishafj . Please post a different question and provide your website to provide a solution that works for you

9

I’m on it. Thank you very much :slightly_smiling_face: