Remove background from burger button

This commit is contained in:
Saul Johnson
2017-08-05 00:31:36 +01:00
parent e302d2648f
commit 5e4400730e
2 changed files with 8 additions and 23 deletions
+3 -16
View File
@@ -283,27 +283,14 @@ html {
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger-wrapper {
// background: rgba(0, 0, 0, 0.3);
// border: 1px solid rgba(0, 0, 0, 0.6);
// border-radius: 5px;
display: block;
height: 42px;
width: 42px;
position: absolute;
top: 20px;
margin-left: 15px;
}
.hamburger {
background: transparent;
display: block;
border: none;
outline: none;
display: block;
height: 32px;
margin-left: 15px;
position: absolute;
top: 4px;
left: 4px;
top: 20px;
width: 32px;
z-index: 999;
&:hover {
+5 -7
View File
@@ -136,13 +136,11 @@
</div>#}
</nav>
<div id="page-content-wrapper">
<div class="hamburger-wrapper">
<button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
</div>
<button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
</div>
</div>
</body>