Hallo Leute

Da ich in meinem Shop immer wieder die selbe frage von Kunden erhalten habe,wegen der Bestellmenge im Warenkorb.
wollte ich einen Hinweistext unter den Produkten anbringen

Dies hat soweit auch geklappt aber nur in der Desktop Ansicht.

Wie kriege ich es hin,dass es auch responsive wird,für die Ansicht auf Handys denn da verschiebt es mir die ganze seite über den Rand hinaus

( Habe den Code wieder entfernen müssen )

hier mal der code mit dem ich es versucht habe

/* Einblenden des Hinweistext */  
.cc-shop-product-availability::after {
    content:  '\A Bestellmenge bitte direkt im Warenkorb anpassen!' ;
     white-space: pre;
     font-size: smaller; 
     }
 

ein <br/> hat leider nicht funktioniert für einen Zeilenumbruch

habe es doch irgendwie hingkriegt mit einem zeilenumbruch

/* Einblenden des Hinweistext */  
.cc-shop-product-availability::after {
content:'\A Bestellmenge bitte direkt \A im  Warenkorb anpassen!';
white-space: pre;
font-size: smaller; 
 

Ich habe es wieder entfernt da es nicht schön ausgesehen hat.

Wie macht man es für die Desktop und Responsive Ansicht tauglich ?

habe schon sämtliches versucht mit Line-hight ect. brachte aber auch nicht den erfolg

So ich glaube ich habs Hingekriegt
Der Code lautet nun so

/* Einblenden des Hinweistext */  
.cc-shop-product-availability::after {
    content:  '\A Bestellmenge bitte direkt im Warenkorb anpassen!' ;
     white-space:break-spaces;
     font-size: smaller;
}