Dropdown Menu nur in mobiler Ansicht anzeigen - responsive Design

    Hi,

    ist es möglich, bei Wordpress ein Dropdown Menu nur in der mobilen Ansicht anzeigen zu lassen, also bis zu einer bestimmten Breite, z.B. bis 768 Pixel? Dachte an eine PHP-Weiche oder dergleichen. Mit display: none möchte ich in diesem Fall nicht arbeiten. Bitte keine Hinweise zu display:none.

    Vielen Dank

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Hm. Das ist ein Unterschied, ob du die Ausgabe abhängig von der Bildschirmgröße / Browserbreite steuern willst oder abhängig davon, welches Gerät die Seite aufruft.
    Wenn du definitiv das Menü nur für mobile Devices laden lassen willst, hilft dir wp_is_mobile.
    Bei den Breiten wird es, soweit ich bisher durchgestiegen bin, komplexer.

    Gruß
    helix

    Du könntest ja einfach mit display:none arbeiten :mrgreen:

    Scherz beiseite. Ich kenne dann nur den Umweg über ein Javascript, welches die Bildschirmbreite beim User erfasst, z.B. https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Screen

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ich würde mich in dem Fall vllt mal mit media queries https://wiki.selfhtml.org/wiki/CSS/Media_Queries auseinander setzen. Das muss dann weder mit PHP (erforderlicher reload der Seite) noch mit JavaScript (bei mobilen Verbindung muss eine zusätzliche Ressource geladen werden) gelöst werden. Geschickter frontender dürfte je nach Komplexität deiner navbar auch leicht display:none vermeiden können ;). Muss ja nicht dass die navbar zweimal aufgebaut wird.

    Mit Media würde man z. B. mit display:none arbeiten und das wollte der TE nicht.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden