Kollektion - Titel entfernen auf mobiler Shop Version

Deutsch Diskussion Technische Fragen & Antworten
,

Topic summary

Problem: Kollektionstitel sollen auf der mobilen Shop-Version ausgeblendet werden, nachdem dies auf Desktop bereits erfolgreich umgesetzt wurde.

Technische Details:

  • Theme: Spotlight V 15.0.1
  • Shop: vswild.store
  • Ursprünglicher Desktop-CSS-Code funktionierte nicht für mobile Geräte

Herausforderung: Beim einfachen Ausblenden mit display: none verschwindet auch der Hyperlink zur Kollektion, sodass nur noch die Grafik als Link übrig bleibt.

Lösungsansätze:

  1. Ben310 schlug Media Queries vor und empfahl visibility: hidden statt display: none, um Links zu erhalten
  2. Alternativ: Links transparent machen mit color: transparent !important
  3. VIVID_24 schlug vor, die Schriftgröße auf 0 zu setzen oder die Beschreibung kleiner zu machen

Lösung: Eine Kombination aus beiden Vorschlägen führte zum Erfolg:

  • CSS-Code von Ben mit color: transparent !important für .card__heading a
  • Plus Anpassung der Schriftgröße von Markus

Status: Problem gelöst, Ergebnis “nahezu perfekt” laut VSWildTom.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
3

Hi Ben und danke für die Antwort!

Beispielscreenshots habe ich doch beigefügt; Kategoriebild ohne Titel - siehe Desktop Version:

VSWildTom_0-1722683034735.png
VSWildTom_0-1722683034735.png400×137 17.6 KB

Die Infos zum Theme habe ich tatsächlich vergessen anzugeben. die Shop URL lautet https://vswild.store und wir nutzen das Spotlight Theme V. 15.0.1

Mit deinem vorgeschlagenen CSS ist zwar der Titel auf beiden devices nicht mehr zu sehen, jedoch ist der hyperlink zu der jeweiligen Kollektion dann weg und es bleibt nur noch die Grafik als solche über :confused: