How to add a menu?


There are two menu types in VSDocs, the first one is the regular one, which is fully visible on desktop devices and is hidden on mobile devices and the second one which is always hidden, but it's out of canvas and appears once the trigger is clicked.

<!-- Regular menu -->
<nav>
	<ul class="menu sf-menu js-menu [add some helpers here]">
		<li>
			<a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Menu item</a>
			<ul>
				<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Sub menu item</a></li>
				<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Sub menu item</a></li>
				<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Sub menu item</a></li>
			</ul>
		</li>
		<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Menu item</a></li>
	</ul>
</nav>

 

<!-- Out of canvas menu -->
<a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#" class="js-menu-side menu-side-trigger [add some helpers here]"></a>
<nav class="sidr js-menu-side-content">
	<ul>
		<li>
			<a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Menu item</a>
			<ul>
				<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Sub menu item</a></li>
				<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Sub menu item</a></li>
				<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Sub menu item</a></li>
			</ul>
		</li>
		<li><a href="/index.php?action=artikel&lang=en&cat=33&id=162&artlang=en#">Menu item</a></li>
	</ul>
</nav>


Last update:
2015-05-15 12:12
Author:
Cristina Cavruc
Revision:
1.0
Average rating:0 (0 Votes)