Hikashop check out display on mobile devices

-- url of the page with the problem -- : 108.174.152.219/~yamitysb/index.php/wavespro/checkout.html

-- url Mobile of the page with the problem: www.responsinator.com/?url=http%3A%2F%2F...spro%2Fcheckout.html
(on iPhone G4/ ios 7.1 all I see is a black screen with a white header)
-- HikaShop version -- : 2.3.1
-- Joomla version -- : 3.3
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : iOS - Safari
-- Error-message(debug-mod must be tuned on) -- : Error_message

When choosing a product and going trow the check-out process. All I see is a Black screen with a white header on my iPhone.

Configuration & Template
In the Configuration > Display > see bootstrap design = YES
template - T3BS3
Check out configuration images attached.

What can I do to probably display the checkout on mobile devices?

Please advise
Thanks
M


Regarding the answer :
You can do the modifications in the frontend css file via the menu Configuration > Display > CSS

Which Display change the checkout
Thanks
M

Hi
can you post the capture screen of the client side browser side ( not backend) and higlight the problem ? ( an image is 1000 words !! )
a LTR in english ll be easier for navigate a,d understand problem ( except if website support only one language that is RTL ) !!


regard's

Hello,
If you want your template to be responsive, you'll have to use a responsive template or/and to adapt it by using some CSS code like 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