Hi there, I am using the Debut Theme and was wondering how I can change that the pictures and text are closer together on the mobile version. It looks off and seems to be complicated for the customer if you are in the order process when choosing between different product options (like different colours on one product page). Here is a short video about the current view https://kapwi.ng/c/AeX4geSFRR I hope somebody can help. Thank you!
Hello @Jen221 ,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url (if it password protected) & screenshot where you want to do modification, so that I will solve your issue here!
Hi @Jen221
Store Admin>>>Online Store>>>Action>>>Edite Code>>>Assets>>>Theme.scss
paste the below code at the last
@media only screen and (max-width: 749px){
.product-single__media{
height: 20% !important;
}
.thumbnails-slider–active .product-single__thumbnails-item.slick-slide {
height: 82px !important;
}
}
@oscprofessional That would be great, I really appreciate your help!
I have the issue actually on all product pages. Not sure if it is a big hassle to change. My website is www.oochykoo.com. Not sure on how to get a live url (and how to password protect).
Hi @Jen221
Do apply this this will work for all product
Store Admin>>>Online Store>>>Action>>>Edite Code>>>Assets>>>Theme.scss
paste the below code at the last
@media only screen and (max-width: 749px){
.product-single__media{
height: 20% !important;
}
.thumbnails-slider–active .product-single__thumbnails-item.slick-slide {
height: 82px !important;
}
}
@himanshuhkm Brilliant, thank you so much, it worked and looks so much better : ) So helpful, thank you!!!
@oscprofessional No need anymore, the issue is solved. Thank you!
1 Like