How to remove the lines under the navigation links on the header - DEBUT THEME

Store Design

Topic summary

Removing the underline beneath header navigation links in the Debut theme was resolved with a CSS edit.

  • The issue was the line shown under active navigation links in the header.
  • A solution was provided after requesting the store URL.
  • The fix was to add CSS at the bottom of assets/theme.scss.liquid:
    .site-nav__link--active .site-nav__label { border-bottom-color: transparent !important; }

Outcome:

  • The original poster confirmed the code worked.
  • The discussion reached a clear resolution, with no remaining open questions.
Summarized with AI on March 8. AI used: gpt-5.4.
1

Hi there,

I would like to remove the lines under the navigation links on the header - see picture below

Screenshot 2021-04-26 at 15.33.21.png
Screenshot 2021-04-26 at 15.33.21.png1208×202 70.4 KB

URL is healhana.com.

Thanks!

2

Hi there,

Pls share store URL

Thanks

3

@healhana

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-nav__link--active .site-nav__label {
    border-bottom-color: transparent !important;
}

Hope this works.

Thanks!

1 Like
4

Amazing it worked, thank you!