How to remove these divider lines on my website?

[smef]

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

[diego_ezfy]

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

[smef]

https://www.smef.us

[diego_ezfy]

@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

[smef]

Thank you, Diego!

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

[iCart_App]

Hello @smef,

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

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

[TFisher]

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

[therachelanders]

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