Ein Shopify-Nutzer hat ein Darstellungsproblem mit der Ankündigungsleiste auf Mobilgeräten. Der Text “✓ Schnelle und diskrete Lieferung ✓ Versandkostenfrei ab 69 €” wird auf mobilen Endgeräten fehlerhaft angezeigt:
Problem:
Gewünschte Darstellung auf Mobile:
Lösungsansätze:
<br>) im HTML-Editor der Ankündigungsleiste einzufügenStatus: Die Diskussion bleibt offen, eine endgültige technische Lösung wurde noch nicht bestätigt.
Hallo,
ich habe in meiner Ankündigunsleiste folgendes eingefügt: “✓ Schnelle und diskrete Lieferung ✓ Versandkostenfrei ab 69 €”.
Wenn man auf den Shop über ein Mobilgerät zugreift, wird ein Haken leider falsch angezeigt. Ich will ihn eine Zeile weiter unten direkt vor “Versandkostenfrei ab …” (siehe Bild).
Hey @BDSMParadise
Das ist schwer auf Mobile zu beurteilen ohne einen Link zu deiner Page (die URL kann ich aus dem Bild nicht entnehmen da es der Theme Editor zu sein scheint).
Du möchtest also auf Desktop und auf Mobile das folgende in der Leiste anzeigen, habe ich das richtig verstanden?
“Ich will ihn eine Zeile weiter unten” → Um einen Zeilenumbruch in der Ankündigungsleiste einzuprogrammieren wird kompliziert und hängt von vielen Faktoren ab.
✓ Schnelle und diskrete Lieferung
✓ Versandkostenfrei ab 69 €
Versuchen Sie dies! @BDSMParadise
Genau so! Danke schon mal für die Hilfe.
Also füge ich das einfach im HTML Editor bei der announcement-bar ein?
Der Zeilenumbruch wird in der Mobilansicht automatisch gemacht (siehe Bild), nur der Haken für die zweite Zeile hängt noch am Ende der ersten Zeile.
Es soll auf dem Mobilgerät so aussehen: ✓ Schnelle und diskrete Lieferung
✓ Versandkostenfrei ab 69€
Und nicht wie jetzt: ✓ Schnelle und diskrete Lieferung ✓
Versandkostenfrei ab 69€
Hey @BDSMParadise
Poste deine Frage auch in unserem Design Forum hier auf Englisch samt alle Bilder und was du in deinem letzten Beitrag oben sagst. Da gibt es ein paar Coder die dir vielleicht helfen können.