• Gelöst grunblatt

    (@grunblatt)


    Hallo zusammen,

    ich benötige Hilfe bei der Gestaltung eines vertikalen Menüs. Wie zu erkennen, möchte ich den Hovereffekt „Hintergrund“ nutzen. Leider finde ich keine Möglichkeit, dass der Text linksbündig bleibt und der „Hintergrundeffekt“ trotzdem die volle breite des Menüs ausfüllt, sodass alle Menüpunkte beim „drüberscrollen“ gleichmäßig über die volle Menübreite ausgefüllt werden. Wenn ich die Einstellung „gestreckt“ im Layout wähle, füllt sich das Menü vollständig beim hovern aus(wie ich es möchte), allerdings sind dann die Menüpunkt auch zentriert und nicht linksbündig. Gibt es hierfür eine Lösung?

    Danke und liebe Grüße

    Florian

    • Dieses Thema wurde geändert vor 11 Monaten, 1 Woche von grunblatt.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Hallo,
    wenn das nicht über die Einstellungen bei Elementor funktioniert, kannst du mal testen, ob die folgende CSS-Regel (unter Design > Cutomizer > Zusätzliches CSS – am besten am Ende einfügen) greift:

    .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
        flex-direction: column;
    }

    Ich verwende Elementor nicht und kann daher nicht sagen, ob es in der Beziehung eine Einstellung gibt. Das wäre die Option, die ich ansonsten empfehlen würde.

    Viele Grüße
    Hans-Gerd

    Thread-Starter grunblatt

    (@grunblatt)

    Guten Morgen Hans-Gerd!

    Dein Code funktioniert perfekt! Vielen vielen Dank!

    Einen schönen Sonntag noch,

    Florian

    Guten Morgen Florian,
    super – freut uns. Danke für die Rückmeldung und “Gelöst”-Markieren. 👍

    Auch noch einen schönen Sonntag
    Hans-Gerd

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Vertikales Menü Hover Effekt“ ist für neue Antworten geschlossen.