Image size on mobile

New Member
3 0 0

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


My site is here -


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.  


This is an accepted solution.

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;
} }


Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
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!