Collection list arrangement on mobile

[Fabian_weldon]

My collection list is currently side by side on both mobile and desktop.

I would like it to remain like this on desktop but it would look better to be one on top of each other on mobile.

This is how my store appears now:

 This is how I would like it to appear:

Thank you in advance for any help

[JHKCreate]

Hi @Fabian_weldon !

This is certainly doable, would you mind sharing your store's URL so we can see how we can help?

Cheers!

[Fabian_weldon]

thanks

its www.theecowatches.myshopify.com

[Fabian_weldon]

not necessarily full width like that but just one on top of the other if possible.

thankyou

[MS-WEB-DESIGNER]

Dear @Fabian_weldon 

Hope the following suggestions will help you

• From your Shopify admin, go to Online Store > themes
• Locate your current theme and then click Actions > Edit code
• After that in the Assets folder, click to open your theme.scss.liquid file
•  Go to the very bottom of this file and paste the following code

/* Start */
@media only screen and (max-width: 590px) { 
.small--one-half { width: 100% !important; }
.product--wrapper { margin: 20px auto; max-width: 100% !important; max-height: 100% !important; }
}
  .product--image { max-width: 100% !important; }
/* End*/

• Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.

•  Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature. 

[Fabian_weldon]

thanks for the suggestion.

Unfortunately that didn't work. It put the featured collection section in one column but the collection list section remained unchanged: