mobile portrait virtuemart products per row

Currently the default portrait shows 1 product per view when responsive in portrait mobile view. Is there a way to change that to 2 per row? Even though it may make it smaller, we have 15 product lines and growing and it takes too long to scroll down one at a time per row. At a minimum we would like to a/b test it to see which is better received by customers.

Hi

Please tell me the url to the example page with the look You have in mind. I'll see what style is needed.

https://www.ahgoobaby.com/index.php/our-products

Essentially we want it to show 2 per row on mobile portrait the same way it does on desktop. Right now it defaults to 1 per row which while it looks nicely in that responsive way, the number of products become tedious for customers to scroll so far down to see.

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:640px) {
.browse-view .row > div {
    clear: none;
    float: left;
    width: 50%;
}

.horizontal-separator {
    clear: both;
}
}