Reduce space in mobile site footer (Debut)

[jessicaaaaaa]

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

Thank you for the help!

[KetanKumar · 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;
}
}

[jessicaaaaaa]

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

[KetanKumar]

@jessicaaaaaa 

Thanks for update and support.