Solved

Can I reduce text padding on mobile in Shopify?

diydesigners
Explorer
50 0 15

Hello, Shopify Community it's me, again. I just need to decrease the padding above and below the text but only on mobile.

https://thediydesigners.com/

 

 

WhatsApp Image 2021-08-05 at 2.16.12 PM.jpeg

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @diydesigners 


please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.

 

@media only screen and (max-width: 729px){
#shopify-section-lh-section-hiojz9j1cgk .lh-title{
	margin: 0;
}
#shopify-section-1623487814a2da2155 .cont{
	    padding: 0px 0 20px !important;
}
#shopify-section-1623487814a2da2155 .cont div >h1{
	   margin: 0;
}
}

 

 

View solution in original post

Replies 2 (2)

Zworthkey
Shopify Partner
5581 642 1565

Hi, @diydesigners

@media only screen and (max-width: 729px){
#shopify-section-lh-section-hiojz9j1cgk .lh-title{
	margin: 0;
}
#shopify-section-1623487814a2da2155 .cont{
	    padding: 0px 0 20px !important;
}
#shopify-section-1623487814a2da2155 .cont div >h1{
	   margin: 0;
}
}

,
Please give me your site access so i can resolve your problem. and add this code.
Thank You!

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @diydesigners 


please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.

 

@media only screen and (max-width: 729px){
#shopify-section-lh-section-hiojz9j1cgk .lh-title{
	margin: 0;
}
#shopify-section-1623487814a2da2155 .cont{
	    padding: 0px 0 20px !important;
}
#shopify-section-1623487814a2da2155 .cont div >h1{
	   margin: 0;
}
}