Changing the size of a text box on mobile

Solved
Tourist
8 0 0

@ParthBhut thank you so much....now for me to figure out how i change the padding around a product box....getting there slowly. thanks again

0 Likes
Shopify Partner
87 16 21

Hello @Billy-Reviver 

 

Please add below CSS to reduce padding around product grid:

@media only screen and (min-width: 750px){
.product-card {
    padding: 25px 5px!important;
}
}
@media only screen and (max-width: 749px){
.product-card {
    padding: 12.5px 5px!important;
}
}

Thanks

0 Likes
Tourist
8 0 0

@ParthBhut  i think i got this wrong. I am having an issue where the product description looks great on the web display but on mobile the font goes out of sync.

 

some goes onto the next line which i know cant be avoided but it doesnt align the text to the top as seen below. any ideas?

 

thanks a lot

 

Screenshot_20191030_143338.jpgScreenshot_20191030_143742.jpg

0 Likes