VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: elleclouds on December 29, 2015, 15:40:33 PM

Title: mobile device shopping cart table size w/ pic
Post by: elleclouds on December 29, 2015, 15:40:33 PM
Using jooma 3.42/ VM 3.012

Is there any way to expand the mobile cart table to the full width of the screen.  At this point, the mobile device needs to be held in landscape to see the entire contents of table (order, price, tax, etc).  Is there an override to make it fully responsive so that customers can see the entire table without having to scroll horizontally?
Title: Re: mobile device shopping cart table size w/ pic
Post by: GJC Web Design on December 29, 2015, 16:28:14 PM
its your template...  the std isn't perfect but it is full width - on 360px it is too wide

to get it to display on portrait perfectly you need some clever templating as it is always too wide

but its possible by selectively showing columns, re-arranging elements and reducing spans etc



Title: Re: mobile device shopping cart table size w/ pic
Post by: jenkinhill on December 29, 2015, 17:08:10 PM
Modifactions are usually best done using conditional mediaquery css and add the styles as css override.
Title: Re: mobile device shopping cart table size w/ pic
Post by: GJC Web Design on December 29, 2015, 20:49:05 PM
and always use over rides
Title: Re: mobile device shopping cart table size w/ pic
Post by: GJC Web Design on December 29, 2015, 21:46:19 PM
it isn't at all VM.. it is normal media queries css ..

why your display is only 50% wide is your template..  once u get it to 100% you will find it is too wide and the above is needed..

You need to google some basic css tutorials etc

e.g.  http://www.w3schools.com/css/css3_mediaqueries.asp