JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div class="responsive-nav">
<span class='go-to-menu'>☰</span>
</div>

CSS

.back-to-homes {
font-size: 27px!important;
color: #000;
position: fixed;
top: 58px;
right: 62px;
cursor: pointer;
z-index: 99999;
}

.back-to-homes:hover {
font-weight: bold!important;
transition: all 200ms linear;
background-color: transparent!important;
}


.go-to-menu {
font-size: 27px!important;
color: #000;
position: fixed;
top: 58px;
right: 62px;
cursor: pointer;
z-index: 99999;
}

JavaScript

$(".responsive-nav").append("<span class='back-to-homes' style='display:none'>×</span>");

$('.responsive-nav').click(function(){
  $('.back-to-homes').toggle();
});