mobile device shopping cart table size w/ pic

[elleclouds]

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?

[GJC Web Design]

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

[elleclouds]

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

Any chance you know which file to alter or should I just use overrides.

[jenkinhill]

Modifactions are usually best done using conditional mediaquery css and add the styles as css override.

[GJC Web Design]

and always use over rides

[elleclouds]

You two are great support on this board. Is there any documentation specifically about altering that table? I've never written any code but am willing to learn what is needed to achieve this. I can possibly inspect another site using VM and copy down items. Where do I start?

[GJC Web Design]

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