Remove Lines

Hi!

I want to remove the lines ( ————— ) both from the mobile’s menu and the footer.

Mobile’s menu:

Footer:

I was trying some codes by myself but they are still there.

I would really appreciate some help :laughing:

My website is https://npp48r7xu7tnmhl8-60150284501.shopifypreview.com

My theme is Stiletto

And the password is y22

You can use this code in “Theme settings”-> “Custom CSS” or at the bottom of your stylesheet asset:

/* menu drawer lines */
li.drawer-menu__item {
  border-bottom: none;
}


/* footer collapsibles */
.footer__group--links.footer__group--collapse {
  border-bottom: none;
}

Thanks for your reply! Unfortunately, the lines in the footer still appear on mobile

Have you applied the code?
Here is a little magic I do in my browser:


Yes, I applied them in Custom css and nothing changed. Now I tried in theme css and it worked! thanks a lot!

Don’t do this, either soften the lines with lighter colors or colors with transparency or custom lines/borders.
Your decreasing the intuitiveness of the website in order to play web designer.
You WANT it to be obvious where the demarcations are for interactive navigation.

Step by step this is how merchants undermine themselves and end up with poor looking websites.