Currently, on my website homepage, I am using woocommerce shortcodes to display products from certain categories and have opted to show 5 products on Desktop which fits in well with the screen width...
However, on mobile devices, the shortcode also causes 5 products to be displayed which looks messy.
I was wondering if there was a way to alter the shortcode so that it may show 5 on Desktop but only 2 products on mobile devices?
I have tried putting all 5 in a line with overflow hidden but depending on the width of the mobile screen, there is sometimes some of the 3rd product shown which doesnt look very professional.
my shortcodes are of the form:
[products limit="5" columns="5" visibility="featured" ]
- Shows featured products on home screen...
I also have sale products as well as a few different categories products displayed, all using a similar shortcode.