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 an…

Copy this instead @Serenity3 , You can keep the old code if you like the design for the product collections

Hey @Serenity3 , You should try this and see if it helps :blush: 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…

[Screenshot 2024-02-02 235018.png] Hey, ive updated the code here but there is no change for mobile view

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 [ThePrimeWeb_0-1706900094359.png]

[Serenity3_0-1706900128347.png] Still looks like this for me. Could you share a screenshot?

Hey @Serenity3 , Sorry, I updated the code above to reduce the font-size as well

[Serenity3_0-1706900887020.png] 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 n…

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?

Collection list size in mobile - IMPACT THEME

Store Design

ThePrimeWeb February 2, 2024, 7:11pm 10

@Serenity3 ,

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.

Topic		Replies	Views
Help changing Collection List font size - Ride theme Store Design design , customizations , collection-page , css	5	49	July 2, 2024
Smaller collection list on mobile (theme prestige) Store Design	4	122	February 27, 2023
Images in Collection pages bigger on mobile Store Design	6	52	April 26, 2022
Collection List boxes smaller in Prestige Theme Store Design	6	80	December 13, 2022
How can I resize collection list images on mobile without cropping? Store Design menu , design , customizations , shopify-themes , troubleshooting	5	43	June 19, 2023

Collection list size in mobile - IMPACT THEME

Related topics