Das Seitenmenü bei responsiver Darstellung einblenden und gestalten

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Das Seitenmenü bei responsiver Darstellung einblenden und gestalten

      Hier ist ein kleines Skript dass das "Seitenmenü" einblendet wenn WSX5 beim ersten Sprungpunkt (Breakpoint) das Menü automatisch ausblendet !

      Um das zu vermeiden gibt es diesen CSS Code den man unter "4" Seo&Code Reiter "Erweitert" vor dem </head> Tag einfügt !

      CSS-Quellcode

      1. <style>
      2. @media (max-width: 1000px) {
      3. #imPgMn {display:block!important; min-height: 100px!important;}
      4. #imPgMn ul, #imPgMn {width: auto!important;}
      5. #imPgMn li {height: 35px;}
      6. }
      7. </style>
      Bei der "max-width" trägt man seinen ersten Sprungpunkt ein wo es auf den Hamburger Button schaltet oder das Seitenmenü verschwindet !
      Bei Zeile 7 muss man die "height" auch anpassen an die eigenen Menübuttons

      Dann kann man noch Ränder setzen um es zu verschönern ! zusätzlich noch dazu #imPgMn li {border: 1px ridge #000;}
      Wissen ist MACHT ! Nichts zu Wissen macht nichts !
      Wissen ist MACHT ...ohne es zu wissen !
    • Hallo Andy
      Ich meinte die Buttons zentrieren. Und mir fehlt eine Linie.

      Hier mein Script:

      <style>

      @media (max-width: 960px) {

      #imPgMn {display:block!important; min-height: 100px!important;}
      #imPgMn ul, #imPgMn {width: auto!important;}
      #imPgMn li {height: 45px;}
      #imPgMn li {border-right: 1px ridge #a9a9a9;}
      #imPgMn li {border-left: 5px ridge #a9a9a9;}
      }

      </style>
      Dateien
      • Menü.png

        (286,82 kB, 9 mal heruntergeladen, zuletzt: )
    • Es ist ja rechts eine Linie, nur die ist eben 1px breit. Das sieht deshalb bei den anderen so aus weil du 5px links hast.

      Du könntest es auch umgekehrt machen...für rechts 5px und links 1 px !

      Wie willst du die Buttons zentrieren?
      Wissen ist MACHT ! Nichts zu Wissen macht nichts !
      Wissen ist MACHT ...ohne es zu wissen !