Hamburger Symbol, Menü Symbol, auf Mobilen Geräten Permanent Anzeigen
Eingetragen von didid (173)
am 26.09.2022 - 10:50 Uhr in
am 26.09.2022 - 10:50 Uhr in
Hallo zusammen,
ist es irgendwie Möglich, das Hamburger Symbol Permanent sichtbar darzustellen?
Ich nutzte den Core Menü Block, und das tb_megamenü
- Bei beiden wird in der Mobilen Ansicht, wenn ich mit dem Smartphone die Seite Anzeige, kein Menü im Menübereich, bei aufrufen angezeigt.
- Das Menü kommt zur Anzeige, wenn man im menü Bereich einmal "Klickt, mit einem Finger Tipp"
Ist es möglich das Menü, den "Hamburger" Permanent anzeigen zu lassen?
Danke für das lesen und deine Zeit.
- Anmelden oder Registrieren um Kommentare zu schreiben
Hast Du Dir denn schon einmal
am 26.09.2022 - 11:37 Uhr
Hast Du Dir denn schon einmal angesehen, wie der "Hamburger" zur Anzeige gebracht wird? Das passiert im CSS mittels sog. Media-Queries. Das ist meißt eine reine Breitenbedingung, bei der bestimmtes CSS wirksam wird. Wenn Du diese Bedingung änderst (bzw. die Bedingung wegnimmst, damit das CSS immer ausgeführt wird), wird der "Hamburger" immer angezeigt. Arbeiten am CSS ist aber stets Aufwand und oft Bastelarbeit bis es genau so funktioniert, wie Du es möchtest. Je nach Anwendung kann es sein, daß auch noch JavaScript eine Rolle spielt. Das müßtest Du dann auch ändern.
Was jetzt in Deinem konkreten Beispiel vorliegt, weiß ich nicht. Das mußt Du untersuchen.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Dankeschön Werner,für deine,
am 26.09.2022 - 13:07 Uhr
Dankeschön Werner,
für deine, Schnelle Antwort.
Das Theme was bei mir zur Anwendung kommt ist das Bootstrap 5 2.0.0 https://www.drupal.org/project/bootstrap5/releases/2.0.0
Bei Bootstrap ist ja eine Sehr vorzügliche Dokumentation
Dann werd ich mich mal mit dem Code an sich Beschäftigen, der Besucher sollte wissen das es noch mehr gibt, auf der Seite, nicht das Er "Probieren muss, ..., ist noch ein Menü hier?"
Wenn ich es gefunden habe, kommt noch ein Link der Lösung hier hin...
Die Breakpoints sind hier https://getbootstrap.com/docs/5.2/layout/breakpoints/
Das Menü, wird Ausgeliefert!
am 26.09.2022 - 15:10 Uhr
Das Menü, wird Ausgeliefert! Aber, nicht als "Hamburger", sondern unsichtbar!
Wenn man mit der Maus darüber fährt, ändert sich diese, sodass man dann weiss, da ist was.
Jedoch ist nichts zu sehen, aber es ist da.
Hübsch,...
Bei einem ähnlichen Projekt,
am 26.09.2022 - 15:57 Uhr
Bei einem ähnlichen Projekt, war das schon mal:
https://www.drupal.org/project/catalog_lite/issues/3137813
Jedoch nutze ich catalog_lite nicht.
Hat jemand eine Idee?
Danke für das lesen und deine Zeit.
Demo
am 27.09.2022 - 16:53 Uhr
Aus der Demoseite vom tb menu
.region-mobile-nav {
display: none;
top: 100px;
}
musst du zu
.region-mobile-nav {
display: block;
top: 100px;
}
machen
C.A.W. Webdesign
Dankeschön caw,ich nehme an,
am 28.09.2022 - 18:44 Uhr
Dankeschön caw,
ich nehme an, die Demo Seite ist mit https://www.drupal.org/project/tb_megamenu/releases/8.x-1.7 Realisiert, in der https://www.drupal.org/project/tb_megamenu/releases/2.0.0-alpha3 finde ich .region-mobile-nav nicht.
Das Verzeichnis: web/modules/contrib/tb_megamenu/scss mit den Beinhalteten Dateien: styles.scss, base.scss und admin.scss auch das übergeordnete Verzeichnis mit Unterverzeichnissen wurde von mir durchsucht.
In den Dateien styles- base- und admin.scss wurden schon die "Möglichen" display: none Einstellungen in display: block geändert. ohne Erfolg.
Danke für das lesen und deine Zeit
Wie das aussieht, in der Vorschau mit responsive_preview, hab ich noch angehangen. Auf dem Smartphone wird das quasi, als "Linkbereich mehr lesen, aber unsichtbar" Dargestellt.
.scss-Dateien sind keine
am 29.09.2022 - 10:46 Uhr
.scss-Dateien sind keine .css-Dateien sondern benötigen einen Preprocessor und ,scss nach .css zu übersetzen. In der .info-Datei des Moduls solltest Du die zugehörigen Libraries des Moduls finden und in den dazu gehörenden .yml-Dateien sollte sich auch das entsprechende CSS finden lassen. Einfach den SCSS-Code ändern bringt gar nichts.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *