change the colour of the underline in the mega menu

[alant]

Hi there,

I would like to change the colour of the underline of the active selection in the mega menu - the colour should be white (instead of black as per picture attached). This should be only on the main page as the menu on the rest of the pages is black. I would appreciate any support.

my page: https://37d875rc9o3zwxi6-78805696849.shopifypreview.com

[Moeed]

Hey @alant

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Made4uo-Ribe]

Hi @alant

Check 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.

details[open]>.header__menu-item {
    text-decoration: underline;
  text-decoration-color: #fff;
}

And Save.

Result:

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

[alant]

Worked! Thank you!

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.