Hi,
Sorry for the late reply. We have been little busy lately, but we are trying to catch up.
1) 100% for the subcategories?
Open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexible.css
scroll to the bottom and include this line:
@media (max-width:768px){
.category-view .width33 { width:100%;}
}
2) same height overall?
This is something can't be fixed via simple CSS. You should be using Equalizer JS plugin
tsvensen.github.io/equalize.js/
or
foundation.zurb.com/sites/docs/v/5.5.3/components/equalizer.html
Since, this is 100% custom modifications
(because you want to change how the things work/look) and unfortunately we don't provide free support or step-by-step instructions for custom coding modifications.
You may purchase premium support:
www.flexiblewebdesign.com/premium-support
and let us take care this modification for you directly on your website though.
3) there's a bug in safari?
Yes, you are right. Safari doesn't support 33.333% kind of percentages, it rounds it up to 34%, thus 3 grids won't fit into 100%.. To fix this problem, open the same flexible.css, scroll to the bottom and include this rule:
this should fix that layout problem.
Regards.