[Skip to main content](#vessel-content)

#   Product display on tablet

##

- **[wildcat](/forum/user/30731-wildcat "View wildcat's Profile")**
- [![wildcat's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30731-wildcat "View wildcat's Profile") Topic Author
- [ Offline](/forum/user/30731-wildcat)

Less More

- Posts: 1
- Thank you received: 0
-
-

12 years 9 months ago [\#140047](#140047) by [wildcat](/forum/user/30731-wildcat "View wildcat's Profile")  *[Product display on tablet](/forum/26-product-category-display/865066-product-display-on-tablet#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 &quot;Choose Options&quot; button is also too large for the product box outline.  I would greatly appreciate any advice to correct this issue. Cheers")* was created by *[wildcat](/forum/user/30731-wildcat "View wildcat's Profile")*

-- url of the page with the problem -- : [ thunderboltsnetball.org.au](http://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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjUwNjYtcHJvZHVjdC1kaXNwbGF5LW9uLXRhYmxldD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86293
- Thank you received: 14271
-
-

12 years 9 months ago [\#140143](#140143) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product display on tablet](/forum/26-product-category-display/865066-product-display-on-tablet#140143 "-- 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 &quot;Choose Options&quot; 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;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjUwNjYtcHJvZHVjdC1kaXNwbGF5LW9uLXRhYmxldD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ibs9385](/forum/user/27945-ibs9385 "View ibs9385's Profile")**
- [![ibs9385's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27945-ibs9385 "View ibs9385's Profile")
- [ Offline](/forum/user/27945-ibs9385)

Less More

- Posts: 14
- Thank you received: 2
-
-

12 years 8 months ago [\#142908](#142908) by [ibs9385](/forum/user/27945-ibs9385 "View ibs9385's Profile")  Replied by *[ibs9385](/forum/user/27945-ibs9385 "View ibs9385's Profile")* on topic *[Product display on tablet](/forum/26-product-category-display/865066-product-display-on-tablet#142908 "-- 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 &quot;Choose Options&quot; button is also too large for the product box outline.  I would greatly appreciate any advice to correct this issue. Cheers")*

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](/forum/user/80-jerome "View Jerome's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjUwNjYtcHJvZHVjdC1kaXNwbGF5LW9uLXRhYmxldD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.098 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
