How to remove these divider lines on my website?

smef
Tourist
15 0 0

smef_0-1636879694888.png

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

 

Replies 5 (5)
diego_ezfy
Shopify Partner
2298 413 538

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.
diego_ezfy
Shopify Partner
2298 413 538

@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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.
smef
Tourist
15 0 0

Thank you, Diego!

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

smef_0-1636945866764.png

 

BinalSavani
Shopify Partner
126 8 27

Hello @smef,

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

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

Binal Savani | iDentixweb


- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!