Stack Collection Image/Products on Mobile in Dawn Theme

julieestrella
Tourist
7 0 1

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/ 

Screen Shot 2024-01-10 at 5.15.15 AM.png

Replies 2 (2)

laddisahsi
Shopify Partner
354 36 37

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>

 

 

laddisahsi_0-1704883343088.png

 

 

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


Laddi

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
julieestrella
Tourist
7 0 1

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!!