Formatting of Debut Footer on Mobile Device

Highlighted
Tourist
4 0 3

Hello,

I've got the Debut theme installed and I tacked on the following code to my theme.scss page, as found here: https://community.shopify.com/c/Shopify-Design/Align-mobile-footer-and-reduce-space-debut/m-p/703020... to get my page links to center on mobile:

@media (max-width: 750px){
.site-footer__item{
justify-content: center;
text-align: center;
margin-bottom: 38px;
}
.site-footer__item:nth-child(2){
margin-bottom: 20px;
}
.site-footer .site-footer__icon-list {
padding-bottom: 7px;
}
.site-footer {
padding-bottom: 10px;
}
.site-footer .site-footer__hr {
margin: 20px 0 20px 0;
}
}

 

This looks great, but I was wondering if there is any way to get all of the payment icons on a single row, rather than having the Visa icon on a separate line?

IMG_5900.jpg

1 Like
Highlighted
New Member
20 0 0

Hello. 

Please contact me erhverv@posty.dk

I can make a solution for you. 

Best regards.

0 Likes
Highlighted
Shopify Partner
7457 1032 2592

Hello, @sheridan_hall 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
Highlighted
Tourist
4 0 3

Hi @KetanKumar. My site URL is currently the-swedish-candy-co.myshopify.com. Thanks!

1 Like
Highlighted
Shopify Partner
7457 1032 2592

@sheridan_hall 

Thanks for store url

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

@media (max-width: 750px) {
.site-footer {padding: 30px 0 30px 0;}
.site-footer__linklist-item {padding: 5px 0;}
}

 

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
Highlighted
Tourist
4 0 3

Hi @KetanKumar. Apologies for the delayed response. I tried adding the code as you suggested but it hasn't done what I'm looking for. No worries, it isn't a showstopper. Thank you anyway!

IMG_5903.jpg

1 Like
Highlighted
Shopify Partner
7457 1032 2592

@sheridan_hall 

Thanks for update and your 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