CSS - mMENUJS

    // mMENU JS
    Download and link
    <link href="path/to/mmenu.css" rel="stylesheet" />
    <script src="path/to/mmenu.js"></script>
    

    // mMENU JS
    <div id="my-header">
        <nav id="my-menu">
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/about/">About us</a>
                    <ul>
                        <li><a href="/about/history/">History</a></li>
                        <li><a href="/about/team/">The team</a></li>
                        <li><a href="/about/address/">Our address</a></li>
                    </ul>
                </li>
                <li><a href="/contact/">Contact</a></li>
            </ul>
        </nav>
    </div>

    // INITIALIZE JAVASCRIPT
    Mmenu.configs.classNames.selected = "active";
    Mmenu.configs.offCanvas.page.selector = "#my-page";
    
    document.addEventListener(
        "DOMContentLoaded", () => {
            new Mmenu( "#my-menu", {
                extensions: ["theme-dark"]
            });
        }
    );