Debut Theme - Custom content with images question

Solved
New Member
2 0 0

Hello,

 

I have added a Custom content section to my theme which contains four images with container width set to 25% for each of them.

 

On the desktop view, they are showing up in this way (all four of them on the same row):

However, on the mobile view they are showing up two on each row:

 

 

The text on the images is a bit too tiny so what I want to achieve is to show each image on its own row (four rows in total). How can I do this ?

 

Thank you !

0 Likes
Shopify Partner
1542 268 327

Hi @bugt 

Send me your store url so i can give exact solution. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
2 0 0

https://6sgj6nrln0xbrn72-24861540438.shopifypreview.com

 

Once again, what I want to achieve is to show just one image per row when using the mobile view. The desktop view is good as it is.

 

Thank you!

0 Likes
Highlighted

Success.

Shopify Partner
1542 268 327

Hi @bugt 

Add this css in asset->theme.scss at bottom of file

#shopify-section-1565461855337{
@media only screen and (max-width: 749px){
 .custom__item.small--one-half {     flex: 1 0 100%; }
    } 
}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like