Link: Popular Brands (serenityskinstore.com)
Trying to make the collection list size smaller in mobile, have tried adding several different css code lines into theme.css and the liquid file that i found on this community forum but none have worked.
I want the images to be smaller on mobile only and also the text to match the smaller size on mobile. atleast 2 or 3 images in one row. Please let me know
Hey @Serenity3 ,
You should try this and see if it helps 
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Serenity3 ,
Can you check again? I can see the changes on my phone now
Oh, sorry. I applied it in the wrong section. I applied it here. If you don’t want this, you can remove the code. I will send you the one for the collection list in a while
Copy this instead @Serenity3 , You can keep the old code if you like the design for the product collections
Hey @Serenity3 ,
Sorry, I updated the code above to reduce the font-size as well
Thanks so much, it works! Just one thing, is it possible to still have these apply if the collection is not checked as “stack collections” if i have it unchecked it looks like this, but the other way around its fine. Let me know if there is a workaround, otherwise no worries
I think if you apply the code to fix the stack, then it would clash with the other one and then none of the codes would work.
i wanna move the heading. i don’t want it at the center of the collection image but just below centered on the left. how to do it?
