K2 Store checkout pages are not responsive, bug or ?

Hello,

I really like the BikeStore template and wanted to use it for my current project with K2 and K2 Store, but when i have checked the demo, seems that checkout pages are not responsive. Should not they be ?

Prompt reply appreciated.
Alex

Could you give me your site URL ? It is always easier to check CSS/HTML code on live site.

Could you give me your site URL ? It is always easier to check CSS/HTML code on live site.

Thanks for your quick reply. To be honest what i am talking about is not working on your demo page as well, so before installing i wanted to check, please see it here http://demo.gavick.com/joomla25/bikesto ... 47-02/item

After adding item to the cart, cart and rest pages are not responsive! Please check mobile layout http://www.responsinator.com/ or http://quirktools.com/screenfly/

Hope for your help,
Alex

I don't need external tools I can just change browser width

Back to the topic, I've added product to the cart and simply can't see problem, maybe you can just upload screenshot here?

cart-screen.jpg

Here it is a screenshot of the cart when browser is re sized, please check.

Please simply try to go through the checkout process with resized browser, even Virtuemart checkout process and cart are not responsive

Waiting for your reply,
Alex

Of course you will not find table in small screen size, and you should scroll table horizontally (there is even caption below table). You see scroll bars because you are visiting this page via dekstop browser, check it on phone and you will see that there is no problem to use the checkout page. I don't know how you see this in other way. Table is responsive it scaled with screen size.

Of course you will not find table in small screen size, and you should scroll table horizontally (there is even caption below table). You see scroll bars because you are visiting this page via dekstop browser, check it on phone and you will see that there is no problem to use the checkout page. I don't know how you see this in other way. Table is responsive it scaled with screen size.

When i have sent the link to the tool to check responsive layout you told me that you need to just resize browser...

Back to the topic, i took some screenshots from my iPhone here they are:






I don't think they are responsive!

Well, I am using Gavick's templates for years. and during those years i have asked for support just several times, now I need your professional support and instead of getting it i am just trying last several days to proof that template you are selling as a responsive one with Virtuemart and K2 Store support are not working good on mobile devices !!! Are you going to support me and fix issues with template or you just don't care ?

Hope for the case resolution, thanks in advance,
Alex

Anybody there ???

Hi

I've been ask by aliko1979 to join the discussion. Please send me an ftp access.

Hi

I've been ask by aliko1979 to join the discussion. Please send me an ftp access.

Hi teitbite, thanks for your reply, i have sent you FTP access.

Thanks a lot to teitbite, he solved my issue 100%

Hi

Adding this portion of code to override.css made it look a little better:

Code: Select all

#k2storeCartPopup .product_quantity_input {
    float: none;
    width: auto;
}

@media only screen and (max-width:680px) {
#gkMainbody .k2store .table th,
#gkMainbody .k2store .table td {
    padding: 8px 3px;
}

@media only screen and (max-width:580px) {
#gkMainbody .k2store_cartitems table#cart thead {
    display: none;
}

#gkMainbody .k2store .table-bordered tr {
    border-left: 1px solid #DDDDDD !important;
}

#gkMainbody .k2store .table-bordered tbody td {
    display: table-cell;
}

#gkMainbody .k2store .table-bordered tbody td:first-child {
    width: 100% !important;
    display: block;
}

#gkMainbody .k2store .table-bordered tfoot td {
    display: table-cell;
}
}


Hi

Adding this portion of code to override.css made it look a little better:

Code: Select all

#k2storeCartPopup .product_quantity_input {
    float: none;
    width: auto;
}

@media only screen and (max-width:680px) {
#gkMainbody .k2store .table th,
#gkMainbody .k2store .table td {
    padding: 8px 3px;
}

@media only screen and (max-width:580px) {
#gkMainbody .k2store_cartitems table#cart thead {
    display: none;
}

#gkMainbody .k2store .table-bordered tr {
    border-left: 1px solid #DDDDDD !important;
}

#gkMainbody .k2store .table-bordered tbody td {
    display: table-cell;
}

#gkMainbody .k2store .table-bordered tbody td:first-child {
    width: 100% !important;
    display: block;
}

#gkMainbody .k2store .table-bordered tfoot td {
    display: table-cell;
}
}


Exactly what I wanted to get, thanks again!

Hi

No problem. Glad I could help