Image with Text Resize on Mobile

New Member
2 0 0

Hello,


I have two Image with Text sections with 6 image blocks each on my homepage (shoptimeandoptics.com, password snowbunting!120619), and I want them to resize to show three images across each row on mobile. How can I do so? 

0 Likes

Hello @nighthawkads,

1. Go to Online Store->Theme->Edit code

2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media only screen and (max-width: 600px) {
.product.two.top,.product.two.none {
	width: 33.33% !important;
}
.background-colored.colored-top-bottom {
	padding-top: 10px;
	padding-bottom: 10px;
}
}



 

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
0 Likes
New Member
2 0 0

Beautiful. Thank you!

0 Likes