coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to custom.

• 9 Default Menu
• 2 Responsive Navigation
• 7 Event Menu
• 6 Attributes Header
• 3 Mode Menu Position
• 9 Layout Navigation
• More Themes & Custom

Browser Support

Include coreNavigation assets CSS & Javascript

<link rel="stylesheet" href="./css/coreNavigation.css" />
<script type="text/javascript" src="./js/coreNavigation.js"></script>
                

Create coreNavigation code & options

<nav hidden>
    <div class="nav-header">
        <a href="#" class="brand">
            <img src="./assets/img/brand.png" />
        </a>
        <button class="toggle-bar">
            <span class="fa fa-bars"></span>
        </button>	
    </div>								
    <ul class="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</nav>
                

<script type="text/javascript"> 
    $('nav').coreNavigation({
        onInit: function(){
            console.log('Init coreNav');
        }
    });
</script>
                

Make sure to install jQuery NPM & css-loader for import 'corenav/coreNavigation.css'

npm i corenav --save

import 'corenav/coreNavigation.css';
import 'corenav';