Removing underline from homepage menu Header in Dawn 12.0.0

[Dibiesse]

Hello everyone,

I'm encountering a small issue that I can't seem to resolve. I recently updated my Dawn theme to version 12.0.0, and a problem has surfaced. On the homepage, the header menu items are underlined by default, which I do not want.

This underlining does not occur when I navigate to any submenus or other pages.

How can I remove the default underlining from the menu items on the homepage?

Thank you in advance for your help!

[Dan-From-Ryviu]

Hi @Dibiesse Could you drop your store link here to check?

[Dibiesse]

Hi @Dan-From-Ryviu, 

Thank you for offering to help! My store isn't active yet.

https://anais-nail-design.myshopify.com/
Password: chatso

I appreciate your time and assistance with this issue.

[Moeed]

Hey @Dibiesse 

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 </body> tag

<style>
.header__active-menu-item {
    text-decoration: unset !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Dibiesse]

The previous fix worked, but now the menu items do not underline on hover. Could you please advise on how to restore the hover underline effect?

[Moeed]

Hey @Dibiesse 

Remove the previous code and add this new code above </body> in theme.liquid file with the same steps.

<style>
.header__active-menu-item {
    text-decoration: unset;
}
.header__active-menu-item:hover {
    text-decoration: underline !important;
}
</style>

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

Best Regards,
Moeed

[Dibiesse]

Hey Moeed, thanks!

The fix worked, but another issue has arisen: when I'm in a menu, it no longer stays underlined to indicate that it's the active one.

[Dibiesse]

Additionally, when I'm in a menu, it no longer remains underlined to indicate that it is the active one.

[VanIslandWhale]

Is there an equivalent code for the Debut theme? I don't want underlines in my header at all

[Dan-From-Ryviu · Accepted solution]

Hi @Dibiesse 

Go to your Online store > Navigation > Main menu, add a link to all parent menus, and then check again.

[Dibiesse]

Hi @Dan-From-Ryviu 

Here? They are all linked to home page (besides contact).

[Dan-From-Ryviu]

That causes the issue of why you get your menu text underlined when you are on the homepage. If it does not have a link, you can add # in links

[Dibiesse]

Thank you for your reply. That makes sense! However, after adding # to all the links, the problem still persists.

[Dan-From-Ryviu]

Did you Save the menu after adding it? 

[Dibiesse]

Yes I did.

[Dibiesse]

I've figured out the issue: the submenus were also linked to the homepage.

Thank you so much for your help!

[Dan-From-Ryviu]

You are very welcome

[erika97]

THANK YOU, I was wondering the same thing and had the same issue. I appreciate you posting the solution.