VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: alvarosr on May 20, 2015, 20:05:15 PM

Title: How to show responsive columns using css in joomla 2.5 with virtuemart 2.0
Post by: alvarosr on May 20, 2015, 20:05:15 PM
Hello, I have a site done in Joomla 2.5 with virtuemart 2.0 and it shows products in 3 columns, but I need to show one column in the responsive view.
Is it possible to do it with css?
Best regards,

Alvaro
Title: Re: How to show responsive columns using css in joomla 2.5 with virtuemart 2.0
Post by: AH on May 20, 2015, 22:09:44 PM
yes, is the simple answer

Just modify the css for the browse product in the responsive css

e.g.
@media only screen and (max-width : 450px) {

  /*adjusts the browse item to be smaller note it cannot be less that 205px*/
    .vm-col-4 {
        width: 100% !important;
    }