Höhe Drop Down Menu beim Smartphone anpassen

Hiacynta Hess
Webdesignerin

Sprache: CSS
Level: Anfänger ⭐

Aktualisiert am:

15. Oktober 2023

Das Drop Down Menü beim Smartphone ist von der Höhe immer unterschiedlich und abhängig davon, wieviele Menüpunkte du in deinem Menü hast. Mit dem nachfolgenden Code kannst du das angezeigte Drop Down Menü von der Höhe anpassen. Du brauchst lediglich den Wert bei max-height anzupassen.

Je nach dem wieviele Menüpunkte du in deinem Menü hast, kannst du dann innerhalb des Drop Down Menü's dann scrollen. Den Code fügst du bei den Divi Theme Optionen unter Eigene CSS ein. Der Code lautet wie folgt:

.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:50vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

Hat dir dieser Artikel geholfen?

Mit deiner Bewertung hilfst du mir, die Inhalte noch weiter zu verbessern.

WordPress Website selbst erstellen

Hiacynta Hess ist die Autorin des Artikels und führt seit 2004 ein Online Business. Mittlerweile unterstützt sie Online-Unternehmer bei ihrer WordPress-Website und weiterführenden Online-Marketing Maßnahmen.

Ihre Expertise und Erfahrungen zu diesen Themenbereichen teilt sie auf ihrem Blog, ihrem YouTube Kanal und in ihrem Mentoringprogramm.

Für vertiefende Einblicke und regelmäßige Updates folge Hiacynta auf Instagram. Abonniere auch ihren Newsletter in dem sie exklusive Tipps, bewährte Strategien und vieles mehr mit ihrer engagierten Community teilt. Lass dich inspirieren!

Transparenzhinweis:
Die mit einem * gekennzeichneten Links sind Affiliate Links. Diese diesen zur Orientierung und zum einfachen Finden der Produkte. Solltest du über den Link etwas bestellen, erhalte ich eine kleine Provision. Für dich entstehen keine Mehrkosten. Generell empfehle ich nur Produkte, die ich selbst getestet habe und die ich auch gut finde. Danke für deine Unterstützung.

Du möchtest auch laufend Kunden über deine Website gewinnen?

Mache es wie die anderen Online-Unternehmer und abonniere meinen Newsletter, um dir wöchentlich exklusive Strategien und wertvolle Erkenntnisse rund um Webdesign und vielfältige Online-Marketing-Taktiken direkt in dein Postfach zu holen! Kostenlos & jederzeit abbestellbar.

Newsletter - Blogartikel - letzter Abschnitt (Divi-Anleitungen)

Weitere Infos findest du in meinen Datenschutzhinweisen.

WordPress Cookie Hinweis von Real Cookie Banner