Removing underline from selected menu items from footer and header menu

Store Design
, , , ,
1

Hi,
I’ve navigated multiple menu items to one page. I want to remove the underlines that come after after selecting menu items. Trade theme.
URL - https://siliconvalleysocials.in/

PFA screenshots.
Please help me with a solution here.

SiliconValley_0-1726514660033.png
SiliconValley_0-1726514660033.png1918×330 12.6 KB

1 Like
2

Hi @SiliconValley

Chjeck this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (min-width: 750px) {
  .footer__blocks-wrapper .footer-block__details-content .list-menu__item--link:hover,
  .footer__blocks-wrapper .copyright__content a:hover {
    text-decoration: none;
  }
}

And Save.

Result:

Made4uoRibe_0-1726515299551.png
Made4uoRibe_0-1726515299551.png397×258 5.38 KB

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

3

Hi,
Thanks for your assistance. I tried it, unfortunately, I didn’t work.

4

Add some !important.

Like this .

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link:hover,
 .copyright__content a:hover {
    text-decoration: none !important;
  }
}

And Save.

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

5

I tried it too. Not working.

6

Which file you paste the code?

7

base.css at the bottom