Search
Search

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>
GET SOCIAL
ABOUT US

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Back To Top