Forum Moderators: not2easy

Message Too Old, No Replies

Hamburger menu doesn't show on index.php on cell phone

         

larry29936

8:57 pm on Jul 13, 2020 (gmt 0)

5+ Year Member Top Contributors Of The Month



When I open my website on my cell phone, the 3 bar hamburger is visible in the upper right corner but when I click on it, nothing happens. The page has a background image. Is there a way to push the page content down so the vertical menu displays? Here's the portion of navbar.css that applies to the phone:
@media (max-width: 720px) {
.navbar {
flex-direction: column;
align-items: flex-start;
}

.toggle-button {
display: flex;
}

.navbar-links {
display: none;
width: 100%;
}

.navbar-links ul {
width: 100%;
flex-direction: column;
}

.navbar-links ul li {
text-align: center;
}

.navbar-links ul li a {
padding: .5rem 1rem;
}

.navbar-links.active {
display: flex;
}
}

Thanks in advance,
Larry

not2easy

2:00 pm on Jul 15, 2020 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



This may or may not cause the problem. Given what is visible here, it is the only thing I can see that seems off:
 .navbar-links {
display: none; <----
width: 100%;
}

But not knowing what this element inherits makes certainty thin.