virtuemart - responsive

Op een normaal beeldscherm hebben we 3 producten op een rij zoals wij in virtuemart hebben ingesteld. Op een smartphone staat er 1 product. Echter bij een tablet moeten er 3 producten op een rij worden weergegeven. Er worden maar 2 producten weergegeven en het 3de product staat een regel eronder.
Met Firefox reeds onderzocht en de instelling in vm-ltr-site.css aangepast bij div.product min_width van 220 naar 200px. Op het Firefox scherm werkt dit (in ipad-mode) correct echter in de praktijk blijft hetzelfde probleem bestaan.
Het probleem is opgetreden nadat wij met een nieuwe template aan de slag zijn gegaan.
Graag tips en/of trucs om dit op te lossen.

Testsite: def.kristallichtsieraden.nl
Joomla 3.8.4
Virtuemart 3.2.12

Grx,

Marcel

In plaats van de min-width aan te passen kan je dan beter met mediaqueries werken. En VM geeft voor een maximale schermbreedte van 800 px ook een kolombreedte aan van 49%. Daarom vind ik het ook heel vreemd dat je dit bij een andere template niet had (of die eerdere template moet een VM template geweest zijn).

De productie-template is idd voor virtuemart. Na updates van Joomla en Virtuemart blijkt deze nu niet meer te voldoen.

In onze nieuwe template geprobeerd om met @mediaqueries aanpassingen te doen maar de werking van responsive is soms in px en soms in % en maakt het onbegrijpelijk. Hetgeen geplaatst moet worden in de @mediaqueries is soms beperkt en soms uitgebreid. Het bijzondere is dat de @mediaqueries niet wordt geraakt en blijft bij de eerdere div.product. Dit is natuurlijk omdat ik het niet goed heb opgezet. Tips en trucs die gevonden zijn bij de diverse forums zijn geprobeerd maar hebben geen resultaat opgeleverd. Het blijkt dat er vele vragen over zijn maar geen oplossing. Wie heeft nog een tip?

Mvg,

Marcel

Je kunt nog even hier naar kijken: Er zit redelijk veel padding links en rechts. Als je die op 0 zet dan is het wel goed.