it appears that maybe the issue is with
@media screen and (max-width: 800px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
which I have set to display a menu when the screen size gets smaller, but its actually doing the exact opposite. It shows the button when the screen is large, and then gets rid of the button when the screen gets smaller.