How to remove these divider lines on my website?

How to remove these divider lines on my website?

smef
Excursionist
25 0 4

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 7 (7)

diego_ezfy
Shopify Partner
2967 571 901

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
Excursionist
25 0 4
diego_ezfy
Shopify Partner
2967 571 901

@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
Excursionist
25 0 4

Thank you, Diego!

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

smef_0-1636945866764.png

 

iCart_App
Shopify Partner
580 58 107

Hello @smef,

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

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

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com
TFisher
Tourist
13 0 0

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

 

Screenshot 2023-12-06 at 17.13.58.png

IMG_4814.jpg

therachelanders
Visitor
1 0 0

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

Screen Shot 2023-12-14 at 11.15.07 AM.png