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

[larry29936]

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]

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.