checkout doesn't look right in mobile

  • Posts: 96
  • Thank you received: 0
11 years 6 months ago #134016

-- url of the page with the problem -- : nascentnaturals.com/shop
-- HikaShop version -- : HikaShop Business: 2.2.2
-- Joomla version -- : 3.1.5
-- PHP version -- : 5.3.27
-- Browser(s) name and version -- : Chrome on android
-- Error-message(debug-mod must be tuned on) -- : Error_message

Browsing to the checkout screen on hikashop on android (chrome) and FF the table that is on the last page falls off the screen

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
11 years 6 months ago #134026

Hi,

I think that a solution can be to use Media queries through your CSS file, here is a thread where you'll find an example :

You can do the modifications in the frontend css file via the menu Configuration > Display > CSS
Use the @media tags to change the width of the columns when the width of the page is less than xx.

ex:
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Here is some documentation about the layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

Last edit: 11 years 6 months ago by Mohamed Thelji.

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

Time to create page: 0.063 seconds
Powered by Kunena Forum