Aktivierung von Kategorie-Bannern verursacht doppelte Kategorie-Symbole

Ich kenne das Grid-Layout nicht sehr gut. Das heißt…

Wenn Sie die Kategoriebeschreibungen überhaupt nicht anzeigen, können Sie

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title"
        "logo description";
    grid-template-columns: auto 1fr;
}

ersetzen durch

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title";
    grid-template-columns: auto 1fr;
}

Das ursprüngliche Layout teilt den Container in 4 Zellen auf, was den Titel falsch ausrichtet:

Wenn Sie den Bereich „logo description“ entfernen, werden daraus 2 Zellen:

Dadurch können Sie den Titel vertikal ausrichten, indem Sie

.category-title-contents .category-title {
    grid-area: title;
    align-self: end;
}

ersetzen durch

.category-title-contents .category-title {
    grid-area: title;
    align-self: center;
}