Post by sasendra » Mon Apr 26, 2021 4:05 pm

I'm using OC 3.0.3.2.

In mobile view, shopping cart & check out pages don't look completely responsive.
User has to swipe from left to right to view the entire content i.e. Image, Product Name, Quantity, Unit Price & Total.

How can this be adjusted in CSS ? I mean eliminate that swipe so that entire content should be visible without any swiping/sliding.

Please let me know what are the necessary modifications to do .
Thank You.

Attachments

Mobile View.png

Mobile View - Mobile View.png (115.24 KiB) Viewed 728 times

Desktop View.png

Desktop View - Desktop View.png (41.78 KiB) Viewed 728 times

Last edited by sasendra on Mon Apr 26, 2021 7:03 pm, edited 1 time in total.

Newbie

Posts

Joined
Mon Apr 26, 2021 3:56 pm

Post by paulfeakins » Mon Apr 26, 2021 6:20 pm

Give us a link to your website.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by by mona » Mon Apr 26, 2021 8:16 pm

ditto above

What do you want to do exactly?
Have the text so small it can not be read?
remove the image?
remove the option to delete?

It scrolls across to be able to see and have the options.

So can it be done with css?
Yes you can remove things, scale things etc .. however what you want in your cake and eat it - so it requires modification for your cake and eating it I am afraid ..
However if you just want to remove some elements and scale some elements and make it fit - that can be done with css.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

User avatar
Expert Member

Posts

Joined
Tue Jul 17, 2012 10:35 pm
Location - România
Who is online

Users browsing this forum: No registered users and 263 guests