Reduce space in mobile site footer (Debut)

Solved
Tourist
6 0 2

Hi,

On mobile site only, how do I reduce the spacing between 1) the social icon and the top border,  2) the payment icons and the social icon, 3) the copyright line and the payment icons.

Tried most things on the forums but still couldn't get it to work!

I am using the Debut theme.

My site: http://tenderobjects.co

 

IMG_4A7E16EE3F6F-1.jpeg

 

Thank you for the help!

Shopify Partner
11981 1476 4333

This is an accepted solution.

@jessicaaaaaa 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.site-footer .grid__item {
    padding: 10px !important;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tourist
6 0 2

Hi @KetanKumar that worked perfectly! Thank you for the prompt response!!

Shopify Partner
11981 1476 4333

@jessicaaaaaa 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes