CSS in Cookie Bar

[guidoi]

Hallo,

ich benutze die Cookie Bar der Contao Marketingsuite auf zwei Websites.

Auf www.moderne-gartenbrunnen.de werden die Buttons "Zustimmen" und "Nicht zustimmen" mobil bspw. im iphone X nicht parallel nebeneinander dargestellt, sondern untereinander, also ein Umbruch.

Gleiche Cookie Bar ist bei Nutzung des gleichen Themes bei www.musical-factory.de im Einsatz, hier werden beide Buttons mobil korrekt nebeneinander dargestellt.

Ich habe schon verschieden CSS-Varianten versucht, auch die Neuinstallation der Marketing Suite, leider ohne Erfolg.
Ich stehe vor einem Rätsel, da HTML und CSS bei beiden Websites / Cookie Bars gleich ist.

Ich freue mich über einen Tipp!

[MacKP]

Hallo guidoi,
es könnte an der Schriftart liegen. Bei der Seite wo es untereinander ist, hast du als erste Schriftart "Latina-Light" definiert. Bei der anderen nicht. Wenn ich mir das genauer anschaue, dann ist die Laufweite der Schrift auch etwas breiter als bei der anderen Seite und das könnte dann zu deinem Platz Problem führen.
Ich weiß jetzt nicht, wo und ob du da extra diese Schfriftart definiert hast bei dem Theme. Da würde ich aber mal als erstes nachschauen.

Viele Grüße

[guidoi]

Hallo MacKP,

danke für deinen Hinweis, supertoll!

Ich habe ein letter-spacing ergänzt, jetzt ist es auch mobil fein.

.mod_cms_cookie_bar button[name="submit"][value="accept"], .mod_cms_cookie_bar button[name="submit"][value="reject"] {
letter-spacing: normal;
}

LG guidoi