CSS Fehler Shop Darstellung Big Image Compact - Mobile Ansicht

Servus zusammen,

eine kleine Bitte. Kann man solche "über den Rand" gehende CSS Styles nicht auf 0 setzen? Desktop geht das noch aber mobil bricht das immer über den Seitenrand, sodass ich bei der Artikeldarstellunng "Big Image Compact" wieder ins CSS-Sytele eingreifen musste. Ich denke, dass war Absicht damit der Artikelabstand nicht zu groß ist? Ich habe zusätzlich padding auf 1.0em verringert, damit mehr Platz für die Artikel ist.

#content .zpshoparticlelist.bigimage ul.zpProductList, .zpshoparticlelist.bigimage ul.zpProductList {
  margin-left: 0;
  margin-right: 0;
  }
#content .zpshoparticlelist.bigimage ul.zpProductList>li, .zpshoparticlelist.bigimage ul.zpProductList>li {
  padding: 0 1.0em;
  }

Hinzu kommen die Silbentrennungen mit Trennzeichen. Es ist in der Darstellung so ein enger Platz für die Produkt-Überschrift, dass zwar ein Wordbreak stattfindet, allerdings ohne ein Trennzeichen, was dann so aussieht:

Schlüsselan
hänger
silber

Folgender Code fehlt:

   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 

So könnte man doch CSS-Styles sparen...

Viele Grüße

Mirco

Zitat von Stefan S

Die Silbentrennung wird oft projektweit über die Layout-Einstellugen eingestellt. Diese möchten wir in dem Fall nicht durch Artikel-css überschreiben. Es wäre also wichtig zu wissen, in welchem Layout Sie die obigen Probleme festgestellt haben.

In Smart Responsive

Zitat von Stefan S

Das mit dem "über den Rand" gehen, wird demnächst per Online-Update behoben. Für die Layouts, bei denen man die Silbentrennung in den Layout-Einstellungen nicht aktivieren kann, bleibt aktuell nur das manuelle hinzufügen des nötigen CSS.

Alles klar und vielen lieben Dank