Schriftgröße in Dawn auf der Produktseite

Deutsch Diskussion Shopify Design

Topic summary

Problem: Die Schriftgröße auf der Produktseite im Dawn Theme ist sowohl auf Desktop als auch mobil zu groß und bricht in der mobilen Ansicht um. Zusätzlich wird das Dropdown-Menü überdimensioniert dargestellt.

Bisherige Lösungsversuche: In den Typografie-Einstellungen wurde die Skalierung auf 90% angepasst, was jedoch die gesamte Seitenskalierung beeinflusst, nicht nur die Schrift.

Empfohlene Lösung:

  • Zunächst alle Theme-Einstellungen unter “Theme-Einstellungen” > “Typografie” überprüfen, wo Schriftgrößen für verschiedene Textarten angepasst werden können (100-150% für Überschriften, bis 130% für Fließtext)
  • Code-Änderungen werden nicht empfohlen, sind aber möglich

Dropdown-Menü-Anpassung: Für die Dropdown-Größe kann CSS-Code verwendet werden, der die Breite auf auto setzt. Dies erfordert CSS-Kenntnisse oder Unterstützung durch einen Experten.

Zusätzliches Angebot: 60-Min Design Time steht für kleinere Theme-Anpassungen zur Verfügung.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hey, ich habe das Problem, dass die Schriftgröße auf der Produktseite viel zu groß ist (Desktop und mobil) und in der mobilen Version umbricht

Katha_0-1702547203119.png
Katha_0-1702547203119.png426×202 9.88 KB

Auch wird das Dropdown viel zu groß angezeigt (Desktop und mobil)

Katha_1-1702547285735.png
Katha_1-1702547285735.png560×352 19.6 KB

In den Typo-Einstellungen habe ich auf 90% skaliert (Range im Liquid-Code angepasst), hier verändere ich allerdings die gesamte Skallierung der Seite und nicht nur der Schrift. Kann mir hier jemand weiterhelfen?
Ich habe

Danke!

2

Hey @Katha

Danke für die Bilder uns mit dem Dawn Theme bekommst du auch 60-Min Design Time falls du kleinere Theme Aufträge an uns senden möchtest.

Aber um die Schriftgröße auf der Produktseite und die Größe des Dropdown-Menüs in deinem Shopify Dawn Theme anzupassen, wird eine grössere Code Lösung verlangen wenn die Theme Einstellungen das nicht können. Hast du alle Theme Einstellungen überprüft, denn wir empfehlen eine Codeänderung nicht.

Gehe mal in dein Theme und klicke auf “Theme-Einstellungen” > “Typografie”. Hier kannst du für jede Art von Text auf “Ändern” klicken, um die Schriftartenauswahl zu verwenden und die Schriftgröße anzupassen. Die Standardschriftgröße für Überschriften und Fließtext kannst du mit dem Schriftgrößenmaßstab festlegen, wobei die Mindestschriftgröße 100 % und die maximale Schriftgröße 150 % für Überschriften bzw. 130 % für Fließtext beträgt​​.

Um die Größe des Dropdown-Menüs anzupassen, musst du etwas benutzerdefiniertes CSS zu deinem Theme hinzufügen der wie folgt aussieht aber das wird im Grunde ein Experte sein müssen der oder die sich mit CSS auskennt:

.site-nav--has-dropdown {  
min-width: auto;  
width: auto;  
}

.site-nav__dropdown {  
width: auto;  
}

Dieser Code setzt die Breite des Dropdown-Menüs auf die Größe des darin enthaltenen Textes. Wenn du die Breite des Dropdown-Menüs weiter anpassen musst, kannst du den CSS-Code entsprechend ändern.

Habt ihr auch den Shop auf die Weihnachtssaison umgestellt? Jetzt ist die Zeit wo Online Shopper nach :wrapped_gift: :eyes: !

giphy

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.