Front Page Mobile VM Product Display Issue

http://prestigeproductsbusselton.com

Hi, on this site the home default menu is set as Virtuemart Home page, just displaying Featured and latest products.

All looks and works fine on desktop in full view mode. However, when responsive on android or iphone, the shop images and descriptions do not appear responsive and squeeze into a too small columns on the left. This can be emulated by reducing the width of the desktop browser window.

The does not happen on the category pages.

I've tried disabling gk news but that did not change anything.

Any ideas?

This is default VirtueMart module and it doesn't support responsive styles, you can try to add this code to tablet.css

Code: Select all

.product.vertical-separator.width14 { width: 25% !important}

and this for mobile.css

Code: Select all

.product.vertical-separator.width14 { width: 50% !important}

Thanks !