Hi all, On my homepage I have added a featured product section and kept it ‘1 section only’ with ‘scroll enabled’ for mobile view. My URL is - https://f40566-d3.myshopify.com/ Currently this is how its appearing on mobile view: [IMG_D4A1499693E8-1.jpeg] However, I’m finding the product cards to…

Hi @RaghavGoel1 , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: Here is result: [BSSCommerceHDL_0-1721352731391.png] Hope this can help you, If our suggestions are useful, please let us know by giving it…

Thanks @Dan-From-Ryviu , this worked well! :grinning_face_with_smiling_eyes: Have a good day.

You are very welcome. Have a wonderful day!

It adds gap in each card in my situation. I had like it to be 75% mobile or tablet screen. Edit: Added the code and it fixed. @media only screen and (min-width: 600px) { .grid__item img.motion-reduce { max-width: 250px!important; object-fit: contain!important; left: auto!important; right: auto!…

I wanted to try this too, but I can’t see the code? It looks empty for me :frowning:

[image] RaghavGoel1: On my homepage I have added a featured product section and kept it ‘1 section only’ with ‘scroll enabled’ for mobile view. My URL is - https://f40566-d3.myshopify.com/ Currently this is how its appearing on mobile view: Thanks for sharing your URL. I checked the mobile l…

Could you share your product URL so I can check and give you the code?

🎄 Weihnachten – Festliche Geschenkideen für magische Momente! 🎁 Entdecke unsere „Weihnachten“-Collection mit Geschenkideen, die Herzen erwärmen. Von winterlicher Deko bis hin zu köstlichen Delikatessen – hier findest du alles, um die Festtage noch schöner zu gestalten. Perfekt für Freun…

You can add this code to Custom CSS of that section then check .small-6 { max-width: 45%; }

OMG it worked! You can’t imagine how many blogs, forums and help sites I checked. Thank you so SO much!!

IMPORTANT PLS: Reduce Size of Product Card (Featured Collection) in Mobile only

Store Design

Dan-From-Ryviu July 19, 2024, 1:54am 3

Hi @RaghavGoel1

You can do that by adding this code to your theme.liquid file, after in Online Store > Themes > Edit code

1 Like

Topic		Replies	Views
How to increase product card size in featured collection on mobile view Store Design design , customizations , collection-page , landing-page , shopify-themes	14	131	March 11, 2026
Display product cards in 2 columns Technical Q&A design , customizations , collection-page , css , shopify-themes	10	82	December 27, 2025
How do I make "Featured Collection" section wider and product cards bigger? Store Design design , landing-page	7	125	November 14, 2023
Featured Collection on mobile view Store Design design	7	74	July 28, 2025
Add more columns to product page on mobile - Narrative Theme Store Design	5	41	April 25, 2022

IMPORTANT PLS: Reduce Size of Product Card (Featured Collection) in Mobile only

Related topics