Circular Menu

Circular Floating Menu

<nav class="eds_floatingMenu eds_circularMenu">
	<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>

Circular Static Position Menu

<nav class="eds_floatingMenu eds_circularMenu 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 Circular Menu

<nav class="eds_floatingMenu eds_circularMenu 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_circularMenu 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>
Terms Of UsePrivacy StatementCopyright 2024 by DNN Corp
Back To Top