Solved

Can you fix mobile stacking on Shopify to display three tall?

boundlove
Excursionist
32 1 5

Hey, 

 

I'm hoping someone can help me figure out how to fix how this section appears on mobile. I want them to be stacked three tall, instead of 2 and then 1. Attached a screenshot! Website address is https://elfinlosangeles.com/Screen Shot 2021-11-19 at 10.06.57 AM.png

 

Accepted Solution (1)

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @boundlove 

please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.

@media screen and (max-width: 764px){
.image-gallery-wrapper .gallery-grid  .homepage-gallery-grid-item {
        width: 100%;
}
}

 

View solution in original post

Replies 5 (5)

OpenThinking
Shopify Partner
321 81 120

Hi there,
Jack from OpenThinking here!

Try with the following code.

1. Open the layout/theme.liquid and search for </head>. 

2. Copy & Paste the following code just before the </head> tag.

3. Save.

 

<style>@media (max-width: 768px) { .image-gallery-wrapper .keep-spacing .homepage-gallery-grid-item { flex: none; width: 100%; } }</style>


let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.

 

️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
boundlove
Excursionist
32 1 5

Hey, 

 

No change when I add that!

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @boundlove 

please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.

@media screen and (max-width: 764px){
.image-gallery-wrapper .gallery-grid  .homepage-gallery-grid-item {
        width: 100%;
}
}

 

boundlove
Excursionist
32 1 5

Thank you SO much!!! It's fixed!

boundlove
Excursionist
32 1 5

Would you happen to know why a new tab opens every time someone clicks on a product?