Homepage on desktop vs mobile

Topic summary

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.

Check this post of mine – Different Featured Collection Designs for Desktop and Mobile (ATEILER Theme) - #4 by tim_1
That’s how you can configure your “featured collection” differently on mobile and desktop.
Do not make the numbers high though as rendering your collection grids takes time.