Image size on mobile

Solved
New Member
3 0 0

This is probably very simple and I'm just missing it.  

 

My site is here - www.puremidwest.co

 

The images in the middle of the page for full spectrum, 3rd party tested etc.... 

 

When displayed on mobile.. I'd like them to be smaller and just show up in several rows... kinda like image space image space etc.  

0 Likes

Success.

Hello @ajmacht,

1. Go to Online Store->Theme->Edit code
2. Asset->styles.css->paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
.grid-inner-1557194660519 .promobox {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
} }

2019-12-07_14-06.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
3 0 0

I either described it poorly or you accidentally grabbed the wrong section.. but anywho... it gave me the understanding I needed to grab the right section ("1574280020320") and make it work.  So thank you very much!

0 Likes