Want to reduce the space in the footer section. ( Boost Theme )

[dreamtechzone_5]

Hello Everyone!

I have put the footer section in accordion style through coding. But there is a lot of space above and below the menu in mobile mode. It doesn't look good. I want to reduce the space above and below. And I want to remove the icon from that we are social. Please help me. Thank you.

Store: https://urbanglowingstore.myshopify.com/

Password: Admin

[Arif_Shopidevs]

It looks like this in my end which device you test

[dreamtechzone_5]

The space above the Contact Us menu seems a bit too much and I don't want to put the + icon on the right side of the We Are Social menu. Please help me. Thank you Sir.

[Arif_Shopidevs · Accepted solution]

First css for reduce space above contact second one to hide the plus in place of social area

@media only screen and (max-width: 767px) {
    .page-footer__blocks.grid {
 
        padding-top: 10px;
    }
}
.page-footer__blocks .footer-block:nth-child(4) p:after {
content:none;
}

[dreamtechzone_5]

Thank you Sir. Where do I paste this code?

[Arif_Shopidevs]

How to Add This to Shopify Dawn Theme:

1. Go to Shopify Admin → Online Store → Themes.
2. Click "Customize" on your Dawn theme.
3. In the theme editor, go to "Theme settings" (bottom left).
4. Scroll down and click "Custom CSS".
5. Paste the above CSS code and save changes.

Alternative (Edit Theme CSS Directly):

1. Go to "Online Store" → "Themes".
2. Click "Actions" → "Edit code".
3. Open base.css inside the assets folder.
4. Paste the CSS at the bottom and Save.

[dreamtechzone_5]

Thank you very much, Sir. It worked beautifully.