How to remove these divider lines on my website?

These small divider lines are killing me and I don’t know how to get rid of them. I’d also like to reduce the empty spacers between elements. If anyone could help me do this that would be so great! I am using the Dawn theme

Hello @smef ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

1 Like

https://www.smef.us

@smef , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.footer,
.footer__content-bottom {
    border-top: unset !important;
}

Kind regards,
Diego

1 Like

Thank you, Diego!

One more thing: how do I remove the line underneath the “Home, Catalog, Contact” menu icons?

Hello @smef ,

Add this below CSS to remove line under the menu icons.

.header-wrapper--border-bottom {
    border-bottom: none;
}

Hi Diego. I’m having this same problem. I’ve added the code you said but it hasn’t changed anything!

Same here!! I’ve tried everything and can not get rid of this huge white section