Text column with 2 images horizontally on mobile

[Untouched]

Hi all,

On the website www.sockmyfeet.com I have created a Text column with 2 images. I would like to see the images next to each other horizontally on mobile, is this possible?

I would really appreciate all your help!

Thank you.

Kind regards,

Nicole

[oscprofessional]

Hello @Untouched

Go to the online store > Theme >Edit code>Assets>theme.scss.css>Add code in this file

@media only screen and (max-width: 768px)
div#shopify-section-a74f6ab6-4db8-43c3-9663-332c8321b6b5 .grid__item {
    width: 50%;
}

Is this section what you want-

[Wish-It]

Use this code so that you don’t impact all grid sections and only make the photos side by side on mobile.

div#shopify-section-a74f6ab6-4db8-43c3-9663-332c8321b6b5 .grid__item {
    width: 50%;
}

[Untouched]

Thank you so much for your help!

I can only see theme.scss.liquid, should I add the code here?

[oscprofessional]

Hello again @Untouched

Yes, you can add this code -

Go to the online store > Theme >Edit code>Assets>theme.scss.liquid>Add code in this file.

@media only screen and (max-width: 768px)
div#shopify-section-a74f6ab6-4db8-43c3-9663-332c8321b6b5 .grid__item {
width: 50%;
}

[oscprofessional]

@Untouched
Hello,

@media only screen and (max-width: 768px)
.grid__item.medium-up--one-half {
	width: 50%;
}
}

Go to the online store > Theme >Edit code>Assets>theme.scss.liquid>Add code in this file.
Like This