Floating Menus

Home/Pages/Features/Short Codes/Floating Menus

Floating Menu Style 1

<nav class="eds_floatingMenu eds_floatingMenuStyle1">
	<span class="hidden-md hidden-lg">Menu Open/Close</span>
	<ul class="hidden-xs hidden-sm">
		<li><span class="eds_icon fa fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fa fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fa fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fa fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>

Floating Menu Style 2

<nav class="eds_floatingMenu eds_floatingMenuStyle2">
	<span class="hidden-md hidden-lg">Menu Open/Close</span>
	<ul class="hidden-xs hidden-sm">
		<li><span class="eds_icon fa fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fa fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fa fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fa fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>