Remove lines below menu buttons on the mobile view - DEBUT THEME

Solved
healhana
Explorer
55 0 20

Hi there, 

As you can see from the image below, the 'home' and 'targeted care' buttons have a line underneath them, any ideas how to remove it? The issue is only with mobile.

Screenshot 2021-04-28 at 18.08.50.png

Thanks!

0 Likes
g33kgirl
Shopify Partner
223 59 71

Hi @healhana, please share your website url.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
healhana
Explorer
55 0 20

Hi, URL is healhana.com

0 Likes
g33kgirl
Shopify Partner
223 59 71

This is an accepted solution.

@healhana, add this code at the end of your CSS file (Themes -> Edit code -> Assets -> theme.scss.css) :

.mobile-nav__label {
    border-bottom: none;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
healhana
Explorer
55 0 20

Thanks alot for your help, it's worked!

0 Likes