Fusszeile Spalten: Links näher untereinander

Topic summary

  • Anliegen: Die Abstände zwischen den Links in mehreren Footer-Menüs sind zu groß (gleich auf Desktop und Smartphone). Ein Screenshot veranschaulicht das Problem.

  • Kontext: Verwendetes Shopify-Theme ist „Dawn“.

  • Lösung (Linkabstände innerhalb eines Menüs): Im Bereich „Benutzerdefiniertes CSS“ die Zeilenhöhe der Linkeinträge reduzieren, z. B.: .footer-block__details-content .list-menu__item–link { line-height: 0.8; }. Der Wert kann nach Bedarf angepasst werden.

  • Lösung (Abstand zwischen Menütitel und erstem Link): Den unteren Außenabstand des Titels verringern, z. B.: .footer-block__heading { margin-bottom: 1rem; }. Auch hier ist der rem-Wert variierbar.

  • Ergebnis: Rückmeldung positiv; die Anpassungen wurden akzeptiert. Der Thread wirkt gelöst, keine offenen Fragen.

Summarized with AI on December 24. AI used: gpt-5.

Hallo zusammen!

Ich habe in meiner Fusszeile verschiedene Linkmenüs drin und finde, dass die Links eines Menüs zu weit voneinander entfernt sind, ich hätte sie gerne dichter beisammen. Kann mir jemand helfen? :folded_hands:t2:

egal, ob Desktop oder Smartphone, die Links haben den gleichen zu großen Abstand.

Freue mich über eine Rückmeldung!

LG Ari

@aribakes Welches Theme verwendest du denn?

Stimmt das wäre noch gut zu wissen :slightly_smiling_face: Sorry!

Dawn

@aribakes in Benutzerdefinierten CSS Bereich kannst du mal Folgendes eingeben:

.footer-block__details-content .list-menu__item--link{
  line-height:0.8;
}

Den Wert (0.8) kannst du natürlich nach Bedarf anpassen.

1 Like

Grossartig, herzlichen Dank! Gibt es auch die Möglichkeit den Abstand zwischen Menütitel und dem ersten Link zu verkleinern? Da ist jetzt nämlich eine relativ grosse Lücke :slightly_smiling_face:

.footer-block__heading {
    margin-bottom: 1rem;
}

/* Den rem-Wert kannst du auch noch anpassen */
2 Likes

Vielen lieben Dank :heart: