Neu JTL-Header Plugin - Mehrzeilige Navbar mit fester Boxgröße

maxmuc

Aktives Mitglied
13. Dezember 2021
33
10
Hi. Wir verwenden das JTL-Header-Plugin, um die Links mehrzeilig darzustellen.
Aktuell werden die Kategorien einfach hintereinander dargestellt und die Navbar rutscht automatisch in die nächste Zeile, wenn es zu lang wird. Ich hätte gerne 18 gleich große Boxen, damit keine 3. Zeile entstehen kann.

Hat jemand eine Idee wie ich das bewerkstelligen kann?
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.376
547
Hallo,

da kann man sicherlich etwas machen, hier ein Ansatz:
CSS:
.nav-scrollbar-item {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 120px;
}
Muss man natürlich noch etwas verfeinern, ein paar margins wegnehmen, damit die Kategorienamen mehr Platz haben usw..

Viele Grüße
Michael
 
  • Gefällt mir
Reaktionen: maxmuc

Ähnliche Themen