I hope this problem helps me, what happens is that the sandwich menu that is called, is visualized the white filling of the whole box, when the page is loaded and when you indicate with the mouse cursor to select the refilling disappears. Here the code:
.sidebarBtn {
color: #fff;
font-size: 22px;
position: absolute;
right: 30px;
top: 25px;
z-index: 101;
cursor: pointer;
display: none;
height: 16px;
/*AQUI ES DONDE SE PINTA EL BLOQUE*/
width: 27px;
border-top: 2px solid #fff;
display: block;
border: none;
height: 26px;
/*AQUI ES DONDE SE PINTA EL BLOQUE*/
top: 25px;
outline: 10px solid transparent;
}
.sidebarBtn span {
height: 2px;
width: 100%;
display: block;
position: absolute;
top: 50%;
left: 0;
background: #fff;
margin-top: -1px;
-webkit-transition: background 0 0.3s;
transition: background 0 0.3s;
}
.sidebarBtn span:before,
.sidebarBtn span:after {
content: '';
position: absolute;
left: 0;
height: 2px;
width: 100%;
background: #fff;
display: block;
-webkit-transition: bottom 0.30s linear, top 0.30s linear;
-moz-transition: bottom 0.30s linear, top 0.30s linear;
-o-transition: bottom 0.30s linear, top 0.30s linear;
transition: bottom 0.30s linear, top 0.30s linear;
-webkit-transition-duration: 0.3s, 0.3s;
-moz-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
}
.sidebarBtn span:before {
top: -8px;
-webkit-transition-property: top, -webkit-transform;
-moz-transition-property: top, -moz-transform;
transition-property: top, transform;
}
.sidebarBtn span:after {
bottom: -8px;
-webkit-transition-property: bottom, -webkit-transform;
-moz-transition-property: bottom, -moz-transform;
transition-property: bottom, transform;
}
.sidebarBtn:hover {
background: rgba(255, 255, 255, .15);
outline-color: rgba(255, 255, 255, .15);
}
<body style="background-color:black;">
<button class="sidebarBtn">
<span></span>
</button>
</body>
What if I want to tell me where is the fault and how I can solve it, since I want to remove the stuffing and only I left the visualization of the sandwich menu. I await your quick answers. Greetings.