Hamburger Navigation Menu Image Not Showing Using Css Background-image Property

The burger menu image I have, set to be a background image, is not showing in my navigation bar or on my page. I have set it to appear when the page is responsive (max-width: 480px

Solution 1:

You could go this way:

.burger-navimg {
   display:none;
  }


@media screen and (max-width:480px) {
  .burger-navimg {
    display:block;
    width:40px;height:40px;
  }
}

<navclass="navbar"><ahref="#"class="burger-nav"><imgsrc="http://dev.laurentchevrette.digital/images/burger-nav.png"></a><ul><li><ahref="index.html">HOME</a></li><li><ahref="#">CASINO</a></li><li><ahref="#">HOTEL</a></li><li><ahref="#">ENTERTAINMENT</a></li><li><ahref="#">EVENTS</a></li><li><ahref="#">MEMBERS</a></li><li><ahref="#">JOIN</a></li></ul>