Grösse Hamburger

  • Mahlzeit


    Frage- wie , wo kann ich due Grösse des Hamburger verändern, bzw. welche Faktoren spielen da eine Rolle?


    Danke.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Als ersters die Höhe des Menüs das du eingestellt hast bei Struktur der Vorlage für mobile Geräte und dann natürlich per CSS anpassen wenn es immer noch nicht groß genug ist! In dem Projekt von mir was du hast, ist sogar der Code für das HAmburger Menü enthalten.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • @Frex Es geht um den "Hamburger" Menü Button beim mobilen Teil der so genannt wurde weil die 3 Streifen wie Fleischschichten ausschauen.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Andy er will es KLEINER haben, nicht größer. Hab ihm schon gesagt er soll das Menü anpassen. Eben wie du auch sagst. Das Menü hat eine Höhe von geschätzt 80, bei den Einstellungen für mobile Struktur auf z.b. 40 setzen. Feintuning ggf. über vertikale Ränder.

  • Morgen


    Also, wenn ich die Höhe verändere, ändert sich nichts, es ändert sich da nur, wenn ich unter " Stil des Hauptmenüs" die Randeinstellungen ändere. Die habe ich, damit der blaue Balken über ganze breite geht, auf 50 gesetzt. Siehe Bild im Anhang. Wenn ich diesen Wert ändere, wird auch der Hamburger Button kleiner. Aber diesen kann ich nicht ändern.

    Dateien

    • 1.JPG

      (32,8 kB, 14 Mal heruntergeladen, zuletzt: )

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • ICh weis nicht wie groß du es haben willst, aber den Code kannst du ja selber verändern...


    CSS
    1. #imMnMn .hamburger-bar {
    2. height: 7px!important;
    3. margin: 7px auto!important;
    4. width: 30%!important;
    5. }

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Hallo


    Danke Andreas, habe Mail gesehen, bin aber noch nit dazukommen.


    Danke erstmals.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Die Stelle im Menü zum ändern der Größe des Hamburger-Buttoms habe ich auch noch nicht gefunden!


    HTML-Objekt mit CSS-Code von Andy unter "Erweiterungen" klapp!
    Kann ich das auch generell für das gesamte Projekt einstellen? Wo?


    Bin gespannt

  • Hast ja so recht!


    <style>
    #imMnMn .hamburger-bar {
    height: 7px!important;
    margin: 7px auto!important;
    width: 230%!important;
    }
    </style>

  • Morgen


    Irgendwo ist der Wurm drinnen.


    Code ist so drinnen unter Seo:


    Code
    1. <style>
    2. #imMnMn .hamburger-bar {
    3. height: 5px!important;
    4. margin: 8px auto!important;
    5. width: 30%!important;
    6. }
    7. </style>

    Wird auch im responsiven passend angezeigt.


    Doch wenn ich "auseinanderfahre" am Desktop, schiebt sich beim Breackpoint das Menü und Logo nach unten, siehe Bild:

    Dateien

    • 1.JPG

      (39,62 kB, 6 Mal heruntergeladen, zuletzt: )

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Ups, da ist ja ein Breakpoint vorhanden der das Menü nicht zum Hamburger macht ! Dann musst du es so machen !


    Code
    1. @media (max-width: 974px) {
    2. #imMnMn .hamburger-bar {
    3. height: 5px!important;
    4. margin: 8px auto!important;
    5. width: 30%!important;
    6. }
    7. }

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Hallo Andreas


    Ja, so geht's...


    Aber warum ist da der Breackpoint der das Menü nicht zum Hamburger macht? Halleluja- soeben auch gesehen, da ist auch das Logo weg...

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup: