Spacing in Mobile Footer - Debut Theme

StephanieLovesU
Tourist
7 0 2

Hey all,

Just making some adjustments to my shopify footer and would love some help :). I am looking to increase the spacing between social media icons and text block in mobile view. Please see image below.

It currently looks like this in mobile view:

 Shopify footer 1.PNG

I would like to increase the space between the text and social media icons to make it look like this below:

Shopify footer 2.PNG
Store link: www.poochpal.co
pw: seusti

Thanks for any help!

Steph

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello @StephanieLovesU,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
.site-footer__icon-list {
padding-top: 20px!important;
}
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
StephanieLovesU
Tourist
7 0 2

Thankyou so much, this worked!

Regards,

Steph

Pallavi
Shopify Expert
2170 353 462

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes