How do I get navbar-collapse to work with animated hamburger?

Question

I've got a navbar that is supposed to collapse into a hamburger icon on mobile. I got it all working and then I added additional styling and animation to the hamburger button and now the hamburger button is always visible. It works fine, but I need it to be invisible when it is in normal desktop view.

https://github.com/thedonquixotic/UXReboot2

Here's a link to the github page I'm hosting stuff on. The relevant file is indexcopy.html

I hope I've provided enough information. I've been troubleshooting this all day and can't seem to figure out what I'm doing wrong.

Answer 1

Really simple really. The cmn-toggle class was overriding the default media queries for navbar-toggle in bootstrap. So I just opened up my bootstrap file and added an !important to the media query for mobile=not visible setting. Fixed it right up!