Neu Megamenü Anzahl der Kategrien je Zeile von vier auf sechs erhöhen

[John]

falls es jemand mal braucht:

/* Megemenü 6 statt 4 Kategorien */
.nav-item.col-xl-3 {
  max-width: 16%;
}

John

 

[John]

Der erste Versuch hatte leider den Nebeneffekt, das mobiel Menü abzuschneiden.

Nächster Versuch:

@media (min-width: 1300px) {
    .nav-item.col-xl-3 {
      max-width: 16%;
    }
}

Vielleicht kann da ein CSS Guru was zu sagen, ob das so passt?

 

[css-umsetzung]

Ich hätte das eher auf #mainNavigation bezogen um nicht versehentlich andere Elementen mit den Klassen zu beeinflussen.
und der Wert wäre laut Bootstrap eigentlich 16.66666667%

@media (min-width: 1300px) {
    #mainNavigation .nav-item.col-xl-3 {
      max-width: 16.66666667%;
    }
}

 

[John]

@css-umsetzung Merci 😍

 

[martinwolf]

Ich würde hier einfach sauber auf {block name='snippets-categories-mega-category-child'} den XL-Parameter der {col} von 3 auf 2 setzen.

 

[css-umsetzung]

Ich würde hier einfach sauber auf {block name='snippets-categories-mega-category-child'} den XL-Parameter der {col} von 3 auf 2 setzen.

Ich nicht, da du dann bei jedem Update prüfen musst ob sich an dem Block etwas geändert hat.
Der Block hat 46 Zeilen und es gab dort in fast jeder Version Änderungen.

Beide Varianten sind aber natürlich möglich und richtig.