virtuemart template in ipad

Hi,

I am using bikestore with virtuemart and when I use a 3-product in a row view.
When I open it on ipad it shows 2 products and then 1 product per row. then again 2 products and 1 product per row.

How can I fix that?

Hi

Please show me Your site.

http://www.vivense.com/mobilya/kanepe check this page.

when I try to open it on ipad vertical view. Products show up 2 in a row and then 1 in a row.

Thanks

Hi

Ok. It's clearly a fault of Virtuemart. Each row is a different layer "row", so images cannot be moved from it. A perfect solution woulf be to use an even number of products in line, but please try using this css code. It's for Your case only, so it's not a fix, but an additional styling for Your purpose only.

Code: Select all

.row {
    position: relative;
}

.browse-view .row:nth-child(odd) .product:first-child {
    position: absolute;
    right: 0;
    top: -100%;
}


add it at the end of tablet.css file. It's just for test, I had no way to check it myself.

I added your Css code. but It didint work unfortunately.

You can check http://www.vivense.com/mobilya/kanepe at from http://ipadpeek.com/

Hi

Looks like selectors are wrong in my code and the most important part is not used. Please send me an access to ftp so I'll be able to test which selector to use. Right now there is too many options to guess.

Hi

Just found Your mail. Yes I can try with joomla panel access. Will take me longer but it can be done. So please send the access to me.