mobile Navigations Lösungen

Flex Nav verspricht eine einfache und absolut userfreundliche Navigation auf mobilen Devices.
Flex Nav kann Mega Menüs und Menüs für „Single Pages“.

Flex Nav
Verwendung:

<ul class="flexnav" data-breakpoint="800"> 
<li>...
</li> </ul>


Menu Button irgendwo außerhalb des Navigations HTMLs:

<div class="menu-button">Menu</div>


Das Style nicht vergessen, ich werde es aber integrieren und nicht extra verlinken 🙂

<link href="css/flexnav.css" 
rel="stylesheet" type="text/css" />


Das Script in den HTML Footer

<script type="text/javascript" 
src="js/jquery.flexnav.min.js">
</script>


Vor den /body initialisieren

$(".flexnav").flexNav();


Die weiteren Optionen sind auf der Seite zu finden.