Mobiles Responsive Menü klappt nicht beim Tablet

    Hallo Gemeinde,

    ich komme gerade nicht weiter und Familie Google mag mich auch nicht.

    Auf dem Desktop lädt das Header Menü einwandfrei in voller Länge.
    Auf dem Smartphone lädt das Responsive Menü einwandfrei.


    Auf dem Tablet lädt das Menü in der Hochkantstellung einwandfrei.


    Senkrecht wiederum lädt das responsive Menü wiederum nicht und zerschießt mir alles


    Hat vielleicht jemand einen Tipp warum das so ist und wo ich vielleicht etwas ändern kann/muss?! Ein Plugin sollte eigentlich nur eine Notlösung sein.

    Dass das Menü (Theme Dazzling) auch auf dem Tablet gehen muss, habe ich auf einer anderen Webseite bereits gesehen.

    Vielen Dank

    Greetz
    blechtrommel
    http://www.familybiker.de

    • 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

    Das liegt daran, dass das Tablet in der Queransicht zu breit ist.
    Im Style ist es so angegeben, dass das responsive Menü erst unterhalb einer Breite von xxx Pixel angezeigt wird.
    Das steht im style.css des Themes.

    Such mal in deinen Styles nach dem Button und blende ihn bei einer größeren Breite ein, also statt:
    Media (min-width:768px){.navbar-toggle{display:none}}
    das hier, wenn dein Tablet z.B. 800 px breit ist:
    Media (min-width:810px){.navbar-toggle{display:none}}
    Dann musst Du noch das Menü ausblenden, habe das aber auf die Schnelle nicht gefunden.
    Könnte eventuell ul.navbar-nav sein.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden