Stack Collection Image/Products on Mobile in Dawn Theme

[julieestrella]

I'm looking to have my collection images/products stack on mobile vs being two in a row as it is currently. Is there a simple fix for this? My site is: https://alohalovelyshop.com/ 

[laddisahsi]

Hi @julieestrella 

You can follow the following steps:

1. Please remove the width from the html.
2. Please go to the Online Store.
3. Then Edit Code.
4. Please find the theme.liquid file.
5. Please add code before closing the tag </head> tag.

<style>

ul#product-grid li.grid__item {
    max-width: 100% !important;
}

</style>

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

[julieestrella]

How do I remove the width from the HTML, where? I tried to insert the code but not sure if I am placing it correctly, probably not because it didn't work. Can you please provide a little more detail in your instructions? thank you!!