JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://mmenu.frebsite.nl/examples/responsive/js/jquery.mmenu.min.all.js"></script>
<link rel="stylesheet" href="http://mmenu.frebsite.nl/examples/responsive/css/jquery.mmenu.all.css">
<link rel="stylesheet" href="http://mmenu.frebsite.nl/examples/responsive/css/layout.css">
<div>
    <!-- the wrapper -->
    <nav id="navig">
        <ul>
            <li><a href="/">Home</a>
            </li>
            <li><a href="/about/">About us</a>
            </li>
            <li><a href="/contact/">Contact</a>
            </li>
        </ul>
    </nav>
    <div id="header">
         <h4>Header Title</h4>

    </div>
    <div id="content">
        <p>Lorem Ipsum</p>
    </div>
    <div id="footer"> <span><a href="#contact">Contact</a></span>

    </div>
</div>

JavaScript

$("#navig").mmenu({
    searchfield: true,
    counters: true
});
$("#navig").trigger("open");