narrativeAlchemist

Here is the CSS I used to reveal the word “Menu” to make it more clear. I had to readjust the border information to make it all come out right. I had help and I’m frankly not sure why it did the job. Maybe it will help you toward your goal.

.menu-toggle {
background: transparent;
border-radius: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
float: right;
margin: 2.25em 1.5em 0 0;
padding: 22px 0;
position: absolute;
top: 0;
right: 0;
height: 25px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.menu-toggle {
color: #262626;
}

.menu-toggle,
.menu-toggle:before,
.menu-toggle:after {
border-top: 4px solid #262626;
}