Produktboxen Responsive?

Hallo,

ich habe ein kleines Problem mit den Produktboxen.

Auf der Desktop-Seite werden mir diese korrekt angezeigt,
wenn ich allerdings mit einem Mobilengerät die Seite öffne,
werden die Produktboxen nicht skaliert.

Ich habe unter dem Plugin Ordner ein Template-File mit dem Namen box_klein.

Dieses binde ich über den Shortcode [asa box_klein]ASIN[/asa] ein.

Sonstige CSS Änderungen habe ich nicht vorgenommen.
Muss ich hier noch etwas anpassen? Bsp. in der style.css?

Hier der Code meines Files:

<div style=“width: 190px; border: 1px solid #E8E8E8; border-radius: 10px; float: left; margin-right: 10px; margin-bottom: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);“>
<div style=“text-align: center; height: 180px; padding-top: 8%;“>

</div>
<div style=“text-align: center; font-size: 16px; height: 50px; padding: 1.5%; overflow: hidden; text-overflow: ellipsis;“>
{$Title}
</div>
<div style=“text-align: center; color: grey;“>
{$RatingStars} ({$TotalReviews} Bewertungen)
</div>
<div style=“text-align: center; margin-bottom:10px;“>
Preis: ab {$AmazonPrice} Euro
</div>

<div style=“background: #ff00ff; text-align: center;color: #fff !important;text-decoration: none !important; padding: 8px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: bold; cursor: pointer;“>
Bei Amazon kaufen

</div>
<div style=“clear: both;“></div>
</div>

Vielen Dank für die Hilfe.

Beste Grüße,
David

• Dieses Thema wurde geändert vor 8 Jahren, 9 Monaten von david_osiris.