Product display on tablet

  • Posts: 1
  • Thank you received: 0
11 years 7 months ago #140047

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

Please Log in or Create an account to join the conversation.

  • Posts: 84243
  • Thank you received: 13689
  • MODERATOR
11 years 7 months ago #140143

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;
}

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 2
11 years 6 months ago #142908

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!

The following user(s) said Thank You: Jerome

Please Log in or Create an account to join the conversation.

Time to create page: 0.044 seconds
Powered by Kunena Forum