Shopping Cart isn't adapted to mobile version

Professional eCommerce VirtueMart Joomla template with responsive design discussion forum.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Mar 09, 2014 4:46 pm
Reply with quote
Report this post
Hi, there is a problem with the view of the shopping-cart page. Only fits the computer desktop and tablet version. If you see a mobile, you can not make the purchase because it is not whole. Does not fit the phone.

http://prueba.ottro.com/shopping-cart

Regards,
Javier
User avatar
Junior Boarder

teitbite
Sun Mar 09, 2014 6:20 pm
Reply with quote
Report this post
Hi

That's true. Virtuemart still doesn;t have a mobile version. What You can see is the best we coudl squish it. In my projects I get rid of some informations as quantity/update column in mobile view so it fits better, but this is an individual approach, so if You want me to remove it for You as well please tell me the url of Your site.
User avatar
Moderator

GK User
Mon Mar 10, 2014 10:17 am
Reply with quote
Report this post
Hello, it's a shame that it is not adapted for mobile. This is the final process of purchase, the most imporant. This is the url of my site.

http://prueba.ottro.com

Thank you!
User avatar
Junior Boarder

teitbite
Tue Mar 11, 2014 5:42 pm
Reply with quote
Report this post
Hi

Please add this to mobiel.css:

Code: Select all
table#cart-summary > tr > th:nth-child(4),
table#cart-summary > tr > td:nth-child(4) {
display: none;
}
User avatar
Moderator

GK User
Sat Apr 12, 2014 5:21 pm
Reply with quote
Report this post
Hi,

Actually I have the same problem and I've added your code to mobile.css but it changed nothing. The cart just shows the name on the product and SKU is cut. Is there any other solution to this problem?

Best, Margaret
User avatar
Senior Boarder

teitbite
Sun Apr 13, 2014 10:14 pm
Reply with quote
Report this post
Hi

Please show me Your site.
User avatar
Moderator

GK User
Mon Apr 14, 2014 12:42 pm
Reply with quote
Report this post
It's kozyska.myjestic.pl
User avatar
Senior Boarder

teitbite
Tue Apr 15, 2014 4:24 pm
Reply with quote
Report this post
Hi

Are You sure the code I gave above is included in Your css. I cannot see it and when I look at Your site it should be working as well. Please add my code to override.css, make sure override is enabled in template settings and disable compression. Than Show it to me again.
User avatar
Moderator

GK User
Wed Apr 16, 2014 3:03 pm
Reply with quote
Report this post
Hi,

I've done what you've adviced and it still looks the same.
User avatar
Senior Boarder

teitbite
Thu Apr 17, 2014 9:25 pm
Reply with quote
Report this post
Hi

I think I can see the problem. Please remove "CODE: SELECT ALL" from before the new code. This makes css below ignored by website.
User avatar
Moderator


cron