Weißer Bereich unterm Header verkleinern

[Soul_Crystals_]

Hallo zusammen,

ich möchte den Abstand im Header unten verkleinern. Bevor ich die Breadcrumbs integriert habe, war der Header transparent und von der Slideshow überlagert. Da das mit den Breadcrumbs nun wohl leider nicht mehr funktioniert, möchte ich zumindest den Header ein wenig verkleinern.

Ich benutze das Impact Theme.

Meine Shop: Soul Crystals: Handgemachter Schmuck & Unikate

Diese Frage habe ich bereits schon einmal gestellt und habe auch einen Code bekommen. Da ich davon aber keine Ahnung habe, kann ich nur mit diesem Code leider nicht viel anfangen. Dort wo ich ihn eingefügt habe, hat er auch nichts bewirkt (benutzerdefinierte CSS im Themeeditior).

Ich freue mich über eine Antwort;)

Liebe Grüße, Tanja

Ganz liebe Grüße:)

[Ecomhacker · Accepted solution]

Hi, du hast irgendwo in der theme.liquid eine fixe Padding für deine Breadcrumbs definiert. Eigentlich sollten die als Element nur auf der Collection oder Produktseite erscheinen. Da sie nicht in einer Section definiert sind, wirst du sie ohne Programmierkenntnisse nur ausblenden können, in dem du die explizit auf allen anderen Seiten manipulierst. Das ist der schnellste und einfachste Weg... also in deiner theme.liquid

{% unless template.name == 'product' or template.name == 'collection' %}
  <style>
    .breadcrumbs {
      padding: 0px;
    }
  </style>
{% endunless %}

[Ecomhacker]

[Soul_Crystals_]

Vielen lieben Dank! Du hast mir sehr geholfen 🙂