Not full responsive on mobile - ckeckout

Hello Team,
I buyed the quark Template (ecommerce with virtuemart) but i see something not responsive on my mobile phone when you are on the checkout page.
This page is build on the board (table). I need to scroll horizontally to fill out the customer information form and to consult the detail of the shopping cart.
This is uncomfortable to make purchases on his smartphone and is blocking the sale surely.


Team, please help me
Thank you

Hi

This is a standard way to make <table></table> work on mobile devices, so it is responsive.

Please tell me the url to Your site so I'll see if anything can be done to change it to a different solution.

Hi,
This the url of my website under construction: www.test.kiss-kong.com

Thank you for your help

Hi

There is really not much what can be done to <table> in case of responsiveness, but please try add this code to override.css:

Code: Select all

@media only screen and (max-width:640px) {
#gkMainbody table::before {
    display: none;
}

#gkMainbody table {
    overflow: visible;
    width: 100% !important;
}

#gkMainbody table tbody,
#gkMainbody table thead,
#gkMainbody table tfoot {
    display: block;
    width: 100% !important;
}

#gkMainbody table th {
    display: none;
}

#gkMainbody table tr,
#gkMainbody table td {
    display: block;
    width: 100%;
}
}