Navigation bar also shows mobile hamburger bar

I have my navigation bar at the top and it works great but somehow it also says “menu” with a hamburger menu next to it. http://i.imgur.com/XJN8drn.png and this makes my menu double the height. I only want this to show when the screen is small for like mobile phones. It also had a search button there and i got that working with this

.mobile-bar-items {
display: none;
}

@media screen and (max-width: 780px) {
.mobile-bar-items {
display: block;
}

But if i do the same thing for the hamburger menu it does not go away.

Any help here?

Here is a look at my website: http://codepen.io/Sjoerd89/pen/wWPoJX

Thanks for your time,

Sjoerd