problem with products per row

[joxxko]

Hi everyone i am new in virtuemart and joomla. I try to make my first shop, i set 3 products per row. If i use default template for joomla its fine(one product have 30% width) but if i use template what i have on my website one product have 100% width and evry product is in new row. You can see on picture here  https://drive.google.com/file/d/0B61n1So7YEwVbTNrUktWTnJfSzA/view?usp=sharing can i set width of 1 product manualy for 300px an then have 3 per row with my template  ? sorry for low english 

[jenkinhill]

Start here http://forum.virtuemart.net/index.php?topic=128401.0

Your other template may not be suitable fopr the version of VirtueMart you use or may require different configuration.   http://forum.virtuemart.net/index.php?topic=108212.0

[George Guebelli]

I have a similar issue when using Safari Browser.
In the VM Configuration, I have set "Show products of the selected category" to YES and 3; Default number of products in a row: 3
But in Safari, it shows 2 on one row and then 1 on next row. See image attached.
What do I have to do to get Safari to show 3 products across?
www.lingeriemart.com

PHP Built On    Linux lingeriemart2 2.6.32-573.7.1.el6.x86_64 #1 SMP Thu Sep 10 13:42:16 EDT 2015 x86_64
Database Version    5.6.38
Database Collation    utf8_general_ci
Database Connection Collation    utf8mb4_general_ci
PHP Version    5.6.32
Web Server    Apache/2.2.15 (Red Hat)
WebServer to PHP Interface    apache2handler
Joomla! Version    Joomla! 3.8.2 Stable [ Amani ] 7-November-2017 15:00 GMT
Joomla! Platform Version    Joomla Platform 13.1.0 Stable [ Curiosity ] 24-Apr-2013 00:00 GMT
User Agent    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
VirtueMart 3.2.6

[GJC Web Design]

supply a live url and hopefully someone with a Mac can have a look

normally the width is slightly out so the last element has to fold

[George Guebelli]

where can I adjust the width to see if that is the issue?

lingeriemart.com

select any category from the main menu

[conchi]

I have the same issue with protestar template and safari browser. ¿Did you get a solution for this?

Thanks in advance

[Studio 42]

You should use a Bootstrap 3 compatible template and override Virtuemart rules.
Virtuemart css responsive rules only work for protostar or beez template but fails in many other templates.
With bootstrap 3, you can set row rules by devices types using .col-xs-   .col-sm- .col-md- .col-lg-
Eg. col-sm-2 col-md-3 col-lg-4 so you have 2 col on mobile+tablet,3 columns on desktop and 4 columns for big screens.
The main problem in VM rules is because choosen dropdown, it force min-width to 230px(if i remember right), and this breaks any templates if you display more then 3 column and having a left or right main column.
A solution, if you cannot change your template, is to remove this min-width set by Virtuemart, this is not needed if you have no choosen options in the category view.