Hello.
I am trying to change the image size on my “texts columns with images section”. On the shopify editor it is showing it to me like this:
But on my mobile phone the icons display huge:
Can somebody please help me fix/resize these?
I really appreciate the help thank you!
Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url where you want to do modification, so that I will solve your issue here!
hi, Thank you!!
my url is www.tenleyshop.com
I would love for the icons on mobile to look small like I showed above.
@media only screen and(max-width:749){
.grid.grid--uniform.grid--flush-bottom img {
width: 150px;
height: auto;
}
.feature-row__image-wrapper .feature-row__image {
top: 0px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
note: if this media already exist then no need to add extra 749px media