Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

Hamburger Symbol, Menü Symbol, auf Mobilen Geräten Permanent Anzeigen

Eingetragen von didid (176)
am 26.09.2022 - 10:50 Uhr in
  • Anfängerfragen
  • Drupal 9.x oder neuer

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.

‹ Modul Riddler macht nach update Entity-Problem [Gelöst] Kann die "Startseite" in den Breadcrumps Umbenannt werden? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Hast Du Dir denn schon einmal

Eingetragen von wla (9461)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Dankeschön Werner,für deine,

Eingetragen von didid (176)
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/

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das Menü, wird Ausgeliefert!

Eingetragen von didid (176)
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,...

  • Anmelden oder Registrieren um Kommentare zu schreiben

Bei einem ähnlichen Projekt,

Eingetragen von didid (176)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Demo

Eingetragen von caw (2762)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Dankeschön caw,ich nehme an,

Eingetragen von didid (176)
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.

AnhangGröße
Weiss.png 118.88 KB
Menü Rechteck.png 131.45 KB
Nach unten Geöffnet.png 127.49 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

.scss-Dateien sind keine

Eingetragen von wla (9461)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • [Gelöst] Menü wie hier samsung.com/de/ wie, mit Drupal?
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
Weiter

Neue Kommentare

  • Казино с минимальным депозитом
    vor 6 Stunden 41 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 42 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 43 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 45 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 46 Minuten
  • melde mich mal wieder, da ich
    vor 2 Wochen 4 Tagen
  • Hey danke
    vor 2 Wochen 5 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 6 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 3 Tagen
  • Da scheint die Terminologie
    vor 3 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250238
Registrierte User: 20454

Neue User:

  • Znogsnernoimb
  • ByteScrapers
  • Mroppoofpaync

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 23 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association