Canvas Menü: Zeilenabstand der 2. Menüebene vergrößern

nobbi50

Hallo,

ich erstelle als Neuling gerade eine neu HP für unseren Verein. Mit Helix-Ultimate in Joomla 6. Im Canvas-Menü ist mir der Zeilenabstand und die Textgröße im Untermenü zu gering. Man muss zu sehr mit den Fingern zielen, um den richtigen Untermenüpunkt zu erwischen. Für die erste Ebene habe ich ein CSS gefunden, welches dies dort erledigt:

".offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
display: block;font-size: 15px; padding: 15px 0px;position: relative;line-height: 17px;opacity: 0.7; transition: 0.3s"

gibt es soetwas evtl. auich für die 2. und vlt. auch für weitere Ebenen? Und wenn "ja", wie bindet man das ins CSS dann ein? Einfach mit

".offcanvas-menu......." als neuen Block?

Danke für Eure Antworten

Elwood

Hallo und willkommen im Forum!

Bei Designfragen bitte immer einen Link angeben.

Dann kann man es besser analysieren!

ttmobil

Hallo zusammen!

Ich habe das geliche Problem, gab es hier schon eine passende Lösung?

Gruß Tim

Stef

Zitat von ttmobil

Hallo zusammen!
Ich habe das geliche Problem, gab es hier schon eine passende Lösung?

Zitat von Elwood

Bei Designfragen bitte immer einen Link angeben.
Dann kann man es besser analysieren!

ttmobil

Das stimmt natürlich!

Home

Stef

Es scheint korrekt zu sein.

-------------------------------------

ttmobil

Hi!

Nee, der Abstand ist gerade auf einem Mobile zu eng, da triffst du alles nur nicht das was du möchtest.
Wo kann man das aufweiten?

ttmobil

Beim Vorstand ist es enger als bei den Abteilungen!

Stef

Versuche mal mit:

Code

.mod-menu__sub.list-unstyled.small.menu-child {
  line-height: 2.2em;
}

ttmobil

Kommt das hier rein?

Stef

Zitat von ttmobil

Kommt das hier rein?

Custom Code (CSS / JS / Meta) | Helix Ultimate - Documentation

www.joomshaper.com

custom.css

ttmobil

TOP! TAUSEND DANK!

Danke Dir, funktioniert einwandfrei! Stand eben auch etwas auf dem Schlauch, passiert.
Gibts eigentlich auch eine deutsche Beschreibung von Joomshaper?

Viele Grüsse

Tim

Stef

Zitat von ttmobil

Gibts eigentlich auch eine deutsche Beschreibung von Joomshaper?

Ich weiss es nicht, benutze Joomshaper nicht.

nobbi50

Zitat von Stef
Versuche mal mit:
Code
.mod-menu__sub.list-unstyled.small.menu-child {
  line-height: 2.2em;
}

Danke, funktioniert bei mir auch, ich habe sogar auf 2.5em erhöht

christine2

Zitat von ttmobil

Danke Dir, funktioniert einwandfrei! Stand eben auch etwas auf dem Schlauch, passiert.
Gibts eigentlich auch eine deutsche Beschreibung von Joomshaper?

Kenne bzw. benutze es nicht. Eventuell hier?

Joomla Template Helix Ultimate: Anleitung auf Deutsch

Lerne, wie du das grandiose Joomla Template Helix Ultimate auf deiner Website einsetzen kannst. 100% Individualisierung!

www.oliverpfeil.de

Liebe Grüße
Christine