hallo alle,
für einen kleine betrieb habe ich folgende webseite mit squarespace programmiert: www.frotteedimare.ch
weil ich auf der offiziellen squarespace answers keine antwort bekommen habe, möchte ich mich mit meiner frage gerne an euch wenden.
und zwar sieht die darstellung auf desktops-pcs ziemlich gut aus. betrachtet man die seite aber auf einem smartphone, werden die einzelnen produkte zu klein weil er die anzahl spalten nicht ändert. schön wärs, wenn er dort jeweils nur ein produkt auzeigen würde, anstatt zwei.
meine frage nun wäre, ob es einen entsprechenden code gibt, der die seite dazu zwingt, auf mobilgeräten nur eine spalte an zu zeigen?
ich nehme an man müsste mit folgendem code beginnen:
um dann weiter unten zu definieren, dass ich nur 1 spalte nutzen möchte:
<script> document.querySelector('.ProductList-grid').dataset.itemsPerRow = Static.SQUARESPACE_CONTEXT.tweakJSON["tweak-product-list-items-per-row"]; </script>
welches in den header verweist, wo die 2 spalten definiert sind.
ich weiss aber nicht, wie ich sich das 2 zu einer 1 machen lässt?!
Wär toll wenn da jemand ne Lösung hätte! Danke.
Jan