Debut theme footer text spacing

Solved
mrfarmersg
Tourist
10 0 4

Hi,

I'm using the Debut theme and I want to add a text box in my footer, but the line spacing for each line is too much. How do I reduce the line spacing?

It currently looks like this but I would like the address to be together instead of being so spaced out.


Screenshot 2021-02-17 at 11.04.47 AM.png


Any help would be much appreciated!

 

Thanks!

 

dmwwebartisan
Shopify Partner
4509 1013 1300

@mrfarmersg 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
KetanKumar
Shopify Partner
14338 1668 5160

@mrfarmersg 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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
dmwwebartisan
Shopify Partner
4509 1013 1300

@mrfarmersg 

Please add the following code at the bottom of your theme.css file.

 

@media only screen and (max-width: 749px){
.site-footer__rte {  line-height: 12px; }
.site-footer__item{ margin-bottom: 32px !important; line-height: 5px; }
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
mrfarmersg
Tourist
10 0 4

Hey! 

That didn't work. Is this right?

Screenshot 2021-02-17 at 11.50.15 AM.png

 

dmwwebartisan
Shopify Partner
4509 1013 1300

@mrfarmersg 

Yes, it correct. It is working for mobile. Did you check?

Do you want this for desktop too. Let me know.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
KetanKumar
Shopify Partner
14338 1668 5160

@mrfarmersg 

sorry, your store is password protected how can i guide you?

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
dmwwebartisan
Shopify Partner
4509 1013 1300

@mrfarmersg 

Add this code for desktop.

.site-footer__rte {
    line-height: 15px;
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
mrfarmersg
Tourist
10 0 4

Hi!

It's still not working. Is it an issue with the Debut theme?

0 Likes