How to Arrange the Quicklink Text on the Debut Footer at the Center on Mobile view?

Solved
Highlighted
Tourist
9 1 5

Hello! Please I'll like to know how to arrange the text on the Debut Footer at the center? 

IMG_20200910_190204.jpg

 Just as it is on the Boundless theme footer.

IMG_20200910_190059.jpg

I have seen it on other stores debut theme, and I'll appreciate it if someone can help with idea how to do this. 

Thank you.

1 Like
Highlighted
Shopify Partner
7520 1038 2609

This is an accepted solution.

Hello, @KingKarim 

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
1 Like
Highlighted
Tourist
9 1 5
Highlighted
Shopify Partner
7520 1038 2609

This is an accepted solution.

@KingKarim 

Thanks for it

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

@media only screen and (max-width: 749px) {
.site-footer__item {
   justify-content: center;
    text-align: center;
}
}

 

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
1 Like
Highlighted
Tourist
9 1 5

This is an accepted solution.

Thanks @KetanKumar  it works 

IMG_20200911_043926.jpg

 But I was wondering if there is a chance I can reduce the space between the links? Making the links closer to each other. So I can add other texts but the footer won't look too long.

There's an example of what I'm talking about, I saw it on another store and it looks really nice

IMG_20200911_044042.jpg

If there's a way to reduce the space I'll really appreciate it.

1 Like
Highlighted
Shopify Partner
7520 1038 2609

This is an accepted solution.

@KingKarim 

Yes, sure can you please add this code also

 

@media only screen and (max-width: 749px) {
.site-footer__linklist-item {
padding: 4px 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
1 Like
Highlighted
Tourist
9 1 5

Thank you @KetanKumar  I truly appreciate your help. But there was an issue, I add the second code as you said to the bottom of the file, but it didn't work. Maybe I did it wrong? 

There's a screenshot of it footer asset code.png

1 Like
Highlighted
Shopify Partner
7520 1038 2609

This is an accepted solution.

@KingKarim 

Sorry for that

i have update the above code can you please check and update.

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
1 Like
Highlighted
Tourist
9 1 5

Thank you so so much @KetanKumar  it worked well.

1 Like
Highlighted
Shopify Partner
7520 1038 2609

@KingKarim 

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