Help with Text Columns with images on Mobile and Desktop

[FS1949]

Hello

I am having issues with “text column with images” section on my homepage

I have 2 of these sections on my home page, each with 4 images.

For the mobile version, I changed the code so that the images are in a row, not stacked.

However, now I want only one of the “text column with images” section to have 4 images in a row on mobile, and I want the other section to be stacked on top of one another on mobile.

Is there a way to do this?

My site is: www.thefuzzysprout.com

[Made4uo-Ribe]

Hi @FS1949

I would suggest to enter the code you have for stacked using the Custom CSS. To make the edits applicable to a particular section only.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Customize”.
• Click the section you want to edit
• Find the Custom CSS drop down and place the code you have inside the textbox

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[CherieA1]

Could I please get a copy of the code you placed to have 4 columns in one row. I’ve added in the following code to the CSS section you’ve screen shot above however it’s telling me to try a different selector?

Code I’ve added:

@media only screen and (min-width: 1025px) {

{
flex: none;
width: 25%;
}
}