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.
8

Edit://

Danke dir Ben und danke Markus [email removed]VIVID_24 - mit einer Kombination aus beiden eurer Vorschläge ist das Ergebnis nun nahezu perfekt!

Diesen Code als CSS von Ben:

.card-wrapper.animate-arrow .card__heading a {
    color: transparent !important;
}

@media (max-width: 767px) {
    .card__heading a {
        color: transparent !important;
    }
}

plus die Idee von Markus mit der Schriftgröße hat es getan!

Danke euch vielmals

LG Thomas

1 Like