@bshelling/responsive-navigation-bar

Easily implement a response navigation bar to website or application

Usage no npm install needed!

<script type="module">
  import bshellingResponsiveNavigationBar from 'https://cdn.skypack.dev/@bshelling/responsive-navigation-bar';
</script>

README

Responsive Navigation Bar

Easily implement a responsive navigation bar to website or application

See Screenshot

Nav Bar Markup

    <nav class="nav">
        <div class="brand">
            <div class="logo">
                <h2 class="title">Site Title</h2>
            </div>
            <div class="mobile-menu">
                <div class="inner" id="mobile-menu">
                    <i class="bars"></i>
                </div>
               
            </div>
        </div>

        <div class="menu">
            <div class="nav-list">
                <div class="nav-item"><a href="">Home</a></div>
                <div class="nav-item"><a href="">About</a></div>
                <div class="nav-item"><a href="">Contact</a></div>
            </div>
        </div>
    </nav>