Merchant wants different product counts on the homepage by device: 5 across on desktop, but 6 items on mobile (currently shows 5 items, 2 per row). Seeks a workaround without reducing to 1 per row on mobile.
Key guidance and options:
Theme customization: A referenced guide shows how to configure the Featured Collection (homepage product grid) differently on desktop vs mobile in some themes; caution to avoid high item counts due to performance.
Limitations: Default theme settings typically keep the same product count across devices; changing per-device counts is difficult without custom code.
Layout norms: Several suggest common patterns like 4 per row on desktop and 2 per row on mobile, aligning with many competitors.
Alternative: If the theme lacks per-device controls, enabling “Carousel on mobile” (slider) can improve mobile presentation; a screenshot illustrates this setting.
Status: No built-in universal solution; options are theme-specific customization, standard layouts, or mobile carousel. Discussion remains open.
Summarized with AI on December 10.
AI used: gpt-5.
Quick question. So, on my homepage, I have products showing 5 across. And it looks good. However, on mobile, it shows the same 5 products, 2 per row. Is there anyway to show 6 items on mobile and 5 on desktop? Thataway, it would look nice on both desktop and mobile. I suppose I could simply set it to show 1 item per row instead of 2 items per row on mobile however, just wondering if there is anyway to work around that?
@JSPENCER0203 through settings it is difficult as the number of products remain same on both desktop and mobile, better to set 1 product per row in mobile
4 on desktop 2 on mobile works fine for me, and I’ve verified with all my major competitors and various sites that I buy from myself they all have 3-4 on desktop.
