Blocksy einfaches SubMenü mit 2 Spalten

Wenn eure Sub-Menüpunkte in eurem Blocksy Theme* zu lang sind, und ihr diese in 2 Spalten angeordnet haben möchtet, hab ich hier einen einfachen CSS Code.

Schritt 1

Zuerst gebt ihr eurem Menüpunkt eine Klasse, in meinem Fall habe ich “spalten” gewählt.

schnappschuss 120722 101819 am

Falls ihr die CSS-Klassen nicht sieht, müsst ihr diese rechts oben unter »Ansicht anpassen« aktivieren.

schnappschuss 120722 102015 am

Schritt 2

Jetzt nur noch in eurem Customizer oder “Snippet Tool” folgenden CSS Code eintragen:

.menu .spalten ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
	width: 350px;
}

Mit “width: 350px” stellt ihr ein, wie breit euer Submenü sein soll. Das hängt von der Länge eurer Wörter ab.

schnappschuss 120722 102508 am
Bild eines Logos von Discord

Hinterlassen Sie den ersten Kommentar

*Affiliatelinks/Werbelinks
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links.
Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision.
Für dich verändert sich der Preis nicht.