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 !

    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 !

  • Geht das nicht im Programm vom "SEitenmenü" aus ? Auf zentriert stellen bei Text. Ansonsten müsste ich das sehen wo genau du meinst.

    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 !

  • Ich meine bei Kochseminare fehlt die untere Linie.
    Die Buttons in dem grossen Feld zentrieren. Wahrscheinlich geht es nicht.