Da einer der Kunden ein recht großes Mega Menü hat, sind die unteren Punkte bei Landscape nicht sichtbar. Dachte immer es gab im SE eine Option für den Break Point fürs Burgermenü in Pixeln. Finde ich aber gerade nicht (oder verwechsel etwas). Jemand einen Hinweis oder muss ich mit CSS ran? Falls letzteres bin ich sicher dankbar, wenn jemand was in der Schublade hat und teilt. Es soll also schon ab Landscape das Burgermenü angezeigt werden.
Nur css reicht da glaube ich nicht. das steht im html: <button id="meco-overlay-menu-toggle" data-toggle="menu" class="c-hamburger c-hamburger--htx visible-xs-block"> <span></span> Menü </button> Das was ich rot markiert habe müsste noch auf sm und gegebenenfalls md erweitert werden. Ich meine es gibt eine Anleitung, wie man einen Scrollbalken ins Mega-Dropdown bekommt. Vielleicht würde das auch gehen - als Alternative.
Das müsste diese Anleitung sein: https://www.gambio.de/forum/threads/dropdown-menu-aendern.25848/ Leider handelt es sich um einen Cloudshop, weswegen die Möglichkeiten doch stark eingeschränkt sind und man an den HTML-Dateien nicht schippeln kann. Hauptproblem ist eigentlich, dass das Megamenü ab Landscape nicht mehr 3-Spaltig ist, sondern 1-Spaltig wird, obwohl es auch 2 Spaltig Platz hätte. Werd ich mir, leider diese Woche aber keine Zeit mehr, mal anschauen müssen ob man das nicht da per CSS 2-Spaltig bekommt. Das sollte ausreichend sein.
Desktop 3 0 9 Landscape 4 0 8 Portrait 4 0 8 Unterkategorien 6 6 6 Allerdings sind das doch die Gridspalten vom Layout? Haben die denn direkten Einfluss auf das Mega Menü? Das wäre mir bisher noch nicht aufgefallen.
Sorry, jetzt war ich irgend wie aus dem Megadropdown raus ich habe das mal bei mir getestet, da ist sogar das Portrait 3- Spaltig. Wie breit sind die Blöcke denn eingestellt?
Das war ein guter Gedanke. Der kam mir noch nicht. Blöcke waren auf 225px eingestellt. Mit 180px sind nun zumindest 2 Blöcke sichtbar. Problem scheint zu sein, dass das Mega Menü nicht über die Menübreite oben hinausgeht (und das sind nur 3 Menüpunkte) und deswegen auf Tablet Landscape und Portrait immernoch nicht ausreichend groß ist. Die unteren Menüpunkte sind dennoch weg. Bei Desktop ist es problemlos größer als die Menüzeile. Das wollte ich jetzt per CSS mal quick and dirty lösen: .navbar-categories > ul > li > ul.dropdown-menu { width: 150% !important; left: 0px; right: 0px; } Original steht dort width:100% Nur dann ist es genau umgedreht. Auf den Tablet-Ansichten ist es dann genau richtig. Auf Desktop ist es dann nur noch eine Spalte, die unten aus dem Bildschirm hinaus geht.
Korrektur. Falscher CSS Bereich. Hiermit funktioniert es: .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu { width: 570px !important; } Das Überschreibt das 100 %. Alternativ könnte man auch .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu { width: 150% !important; } nutzen.