Homepage on desktop vs mobile

Hey everyone.

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?

You can view my website at www.howlingwolvesmerch.com

Thanks in advance!

-Justin

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.

@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.

Hi @JSPENCER0203
As your theme does not have an option to set the number of products based on device, you can turn on the option Carousel on mobile