How to decrease the white space between the image and text on Debuts mobile theme ?

Solved
Livindreamz
New Member
1 0 1

Hi having trouble with how the homepage mobile theme looks. I am using the section image with text and there is a huge space between image and text which is only a problem when viewing on mobile. 

website is www.thelazychair.com

problem area is on homepage between leather lazy chair and artifical plants. 

Debut Theme

Also with the desktop view similiar problem with the spacing between the same two image with text sections.

Pallavi
Shopify Expert
2240 370 486

This is an accepted solution.

Hello There,

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 screen and (max-width: 749px){
div#shopify-section-feature-row .feature-row__item.feature-row__text {
padding-top: 0;
}

div#shopify-section-feature-row div#FeatureRowImageWrapper-feature-row {
margin-bottom: 0;
}
}
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
Pallavi
Shopify Expert
2240 370 486

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