Open/Close Side Menu
Search
Close
vi-VNen-US
Search
Thursday, November 21, 2024

Square menu

Square menu

Square Floating Menu

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

Square Static Position Menu

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

Default Opened Square Menu

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

Close Menu on Menu Item Click

<nav class="eds_floatingMenu eds_squareMenu eds_static eds_floatingMenuActive eds_onClickCloseMenu">
	<span>Menu Open/Close</span>
	<ul>
		<li><span class="eds_icon fas fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fas fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fas fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fas fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>
Back To Top