Problems with mobile product selection and homepage, classic

Highlighted
Tourist
4 0 1

Hi! I have found three problems when reviewing my website www.fivelittlediamonds.co.uk on mobile. The first two are to do with my homepage. when I edit the featured products on themes I have chosen to display three per row on my homepage, but they come up as giant single products on mobile. How can I change them to either 3 per row (like on tablet, laptop etc) or make the images smaller? Pic down below for reference!
740DC240-D80D-460A-B76F-38E6876633E5.jpeg

The second issue I have with my homepage on mobile is this, there is a giant gap to the side and I’m not sure what is causing it? I can’t find anywhere in codes to edit the mobile view so I’m stumped.

CB68AE4C-7598-49E4-824F-75854604544F.jpeg

The final issue, and my main concern is that when I have more than one variant available, you can only chose the top variant on mobile. The drop down menu does not work, but works fine on other devices. Please help me fix this problem! 
0F4B55E4-48BE-4E46-A63C-BFE80161F52D.jpeg

1 Like
Highlighted

Hello @Cathy_Oughton 

Welcome to the Shopify Community!

This is Jay from Oakleaf Infoway.

I'd be happy to assist you with the same.

Please add me over skype for instant communication.

Email ID& Skype ID: jay@oakleafinfoway.net

Team, Oakleaf Infoway

Skype: live:.cid.2ca82125d1edaa5f
Email ID: info@oakleafinfoway.com
Website: www.okaleafinfoway.com
0 Likes