1

I'm trying to get a sidenav to turn into a hamburger when viewed for example on a smaller device. This is what I currently have and thanks in advance:

<!-- 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>
RBT
  • 24,161
  • 21
  • 159
  • 240
KiLLaDeZo
  • 11
  • 2
  • you can do this by using [CSS Media Queries](https://www.w3schools.com/css/css3_mediaqueries.asp) , just put your hamburger element inside nav , but give it a `display:none` then in Media query , inside `max-width:992px` you can give it a `display:inline-block` so it appears – Iman Emadi Mar 26 '20 at 09:41

0 Answers0