Meanmenü Test

Mobile Navigation

Vorteile:

  • Klein und leicht
  • Paar Optionen

Nachteile:

  • Aufgeklappte Menüpunkte klappen nicht automatisch zu wenn ein anderer aufgeklappt wird! Mist!

Fazit:

  • Da kann ich auch Slicknav nehmen...

Quellen:

Optionen:

There are the following options (Options are shown with their defaults)...

meanMenuContainer: 'body'
- Choose where meanmenu will be placed within the HTML

meanMenuClose: "X"
- Single character you want to represent the close menu button

meanMenuCloseSize: "18px"
- Set font size of close button

meanMenuOpen: ""
- Text/markup you want when menu is closed, styling in CSS provides 3 bars with these spans

meanRevealPosition: "right"
- Left right or center positions

meanRevealPositionDistance: "0"
- Tweak the position of the menu

meanRevealColour: ""
- Override CSS colours for the reveal background

meanScreenWidth: "480"
- Set the screen width you want meanmenu to kick in at

meanNavPush: ""
- Set a height here in px, em or % if you want to budge your layout now the navigation is missing.

meanShowChildren: true
- true to show children in the menu, false to hide them

meanExpandableChildren: true
- true to allow expand/collapse children

meanExpand: "+"
- single character you want to represent the expand for ULs

meanContract: "-"
- single character you want to represent the contract for ULs

meanRemoveAttrs: false
- true to remove classes and IDs, false to keep them

onePage: false
- set to true for one page sites, the navigation will close back up on itself on click

removeElements: ""
- enter comma separated values in here of elements you want hidden from the container of meanmenu e.g. if you had a search box called .search, enter ".search" in here

meanDisplay: "block"
- by default this is block, sometimes you may want to switch this to table or table-cell or inline-block etc. so now you can.