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

Store Design
, , , , , , ,
1

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

482709473_989225809813950_3407119402369484224_n.jpg
482709473_989225809813950_3407119402369484224_n.jpg1080×1684 58.8 KB

2

It looks like this in my end which device you test

Arif_Shopidevs_0-1741624361994.png
Arif_Shopidevs_0-1741624361994.png828×1792 46.8 KB

3

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.

4

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;
}
5

Thank you Sir. Where do I paste this code?

6

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.
7

Thank you very much, Sir. It worked beautifully.