javascript - SideNav 酒吧变成汉堡包

Question

例如，在较小的设备上查看时，我正试图让 sidenav 变成汉堡包。这是我目前拥有的，并提前感谢：

<!-- Side navigation -->
<div class="sidenav>
    <h2 class="p auto auto"> 
        <i class="fas fa-utensils"> </i> 
        FOOD 4 YOU
    </h2>
    <a href="#">About</a>
    <a href="#">Recipes</a>
    <a href="#">Contact</a>
    <a href="javascript:void(0);" class="icon" onclick="myFunction()">
        <i class="fa fa-bars"></i>
    </a>
</div>