Mobile Featured Collection does not match Desktop Version

Shopify Discussion
1

Hello,

My shop is: https://36-old-streets.myshopify.com/

pass: 36streets

My featured collections on the Home page of the mobile site is showing the images to be very small and the titles to be vertical. The way it looks on desktop is perfect but on mobile is not ideal. Is there a way to fix it so that the images stack on the mobile? Like a 2-2-1 or a 3-2 set up? I just want to make it so that it is easily legible and viewable on the mobile site only. The desktop view is fine and does not need to be changed. Thank you ahead of time!!

sundayflea_0-1678770812841.png
sundayflea_0-1678770812841.png400×268 9 KB

2

What do I need to check/ correct in my CSS?

3

Hello @sundayflea ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1678774805068.png
GemPages_0-1678774805068.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1678774827962.png
GemPages_1-1678774827962.png1664×895 69.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team