Post by Opencartleerling » Wed Mar 09, 2016 7:29 am

Om twee producten naast elkaar te laten zien in de mobiele weergave heb ik in common.js

Code: Select all

$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
Vervangen voor

Code: Select all

$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-6');
Dit werkt prima, alleen zijn de producten in de mobiele weergave niet altijd mooi uitgelijnd. Dit bijvoorbeeld in het geval wanneer een product een recensie heeft, een langere titel, of iets anders waardoor het product meer ruimte in beslag neemt. Zie bijlage als voorbeeld waar het fout gaat.

Hoe zou ik de producten ook in de mobiele weergave mooi recht kunnen uitlijnen?
Moet ik hiervoor enkel een aanpassing doen in de stylesheet? Indien ja, welke?

De website is gemaakt op oc 2.0.2.0

Attachments

producten scheef mobiele weergave.png

producten scheef mobiele weergave.png (686.02 KiB) Viewed 913 times


New member

Posts

Joined
Thu May 21, 2015 12:08 am

Post by tverheijen » Wed Mar 09, 2016 8:19 am

toevallig net wat leesvoer gepost - http://forum.opencart.com/viewtopic.php?f=107&t=159233[HOW TO] - CSS Viewport and Breakpoint Size

Active Member

Posts

Joined
Tue Sep 20, 2011 3:19 am
Who is online

Users browsing this forum: No registered users and 5 guests