1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Mobiles Responsive Menü klappt nicht beim Tablet

Dieses Thema im Forum "Design" wurde erstellt von blechtrommel, 27. Juni 2017.

  1. blechtrommel

    blechtrommel Member

    Registriert seit:
    21. Juni 2017
    Beiträge:
    10
    Zustimmungen:
    0
    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.
    mobil.jpg


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


    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
    www.FamilyBiker.de
     

    Anhänge:

  2. doni32

    doni32 Well-Known Member

    Registriert seit:
    6. Juni 2017
    Beiträge:
    61
    Zustimmungen:
    1
    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.
     
  3. blechtrommel

    blechtrommel Member

    Registriert seit:
    21. Juni 2017
    Beiträge:
    10
    Zustimmungen:
    0
    Mit den Werten habe ich schon herum gespielt. Einzigste Reaktion war, dass sich der Menüpunkt aus der zweiten Zeile brav oben eingereiht hat... Bringt aber am Ende nichts, das der Header mit ca. 30% die Sicht versperrt.
     
  4. doni32

    doni32 Well-Known Member

    Registriert seit:
    6. Juni 2017
    Beiträge:
    61
    Zustimmungen:
    1
    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.
     
  5. blechtrommel

    blechtrommel Member

    Registriert seit:
    21. Juni 2017
    Beiträge:
    10
    Zustimmungen:
    0
    Habe einen Bootstrap Code gefunden - der hat alle benötigten Angaben drin. Ist doch etwas mehr als nur einen Wert zu verstellen.

    Danke doni für deine Hilfe. Problem ist gelöst :)
     
    #5 blechtrommel, 28. Juni 2017
    Zuletzt bearbeitet: 28. Juni 2017
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden