Product display on tablet

-- url of the page with the problem -- : thunderboltsnetball.org.au
-- HikaShop version -- : Starter: 2.2.3
-- Joomla version -- : 3.2.1
-- Browser(s) name and version -- : Safari on iPad

Thank you for a great product which is easy to set up and works brilliantly! My issue is as follows...

When viewing the products on the desktop, mobile phone and on the iPad (in Landscape mode), they are aligned perfectly and look great. When viewing them on the iPad in Portrait mode, they behave erratically. The first row has two products, second row one product, third row two products. the "Choose Options" button is also too large for the product box outline.

I would greatly appreciate any advice to correct this issue.
Cheers

Hi,

It's probably an item box height issue. You should fix the height of the item boxes in CSS and that should solve the problem:
div.hikashop_subcontainer {
height: 200px;
}

I'm having the same problem.

Here's my fix:

-custom.css file add:

.hikashop_product_image_subdiv {width:100% !important; /* keeps images from breaking on ipad*/ }
.row-fluid [class*="span"] {margin-left:1% !important;}
/* tweak as per your template */
.hikashop_container{margin-bottom:1px !important;margin-right:10px !important;}

Hope this helps!