Creé un sitio web simple para mi negocio en w3.css de w3schools.com; https://www.lavadodecasadelmarva.com/
Sin embargo, cuando el sitio web se reduce al tamaño de un teléfono móvil y la navegación va a las 3 barras apiladas, no puedo hacer clic y bajar el menú. Creo que es un problema de javascript. Pero principalmente soy un diseñador CSS y HTML front-end. No estoy seguro de lo que hice mal por error, ya que he creado otros dos sitios similares que funcionan bien en dispositivos móviles y no puedo ver la diferencia en el código.
Si algún codificador de javascript o diseñador de w3.css nota mi error, agradecería su ayuda.
¡Gracias!
Olvidó agregar la identificación 'demo' en myFunction durante el evento onClick en el ícono de la hamburguesa. Haga clic aquí para ver la imagen donde se destaca el problema.
<div class="w3-bar w3-theme-d3 w3-round-xxlarge"> <a class="w3-bar-item w3-button w3-hover-cyan" href="https://www.housewashingdelmarva.com/">Home</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#Services">Services</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#Testimonials">Testimonials</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#Gallery">Gallery</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#Area-Partners">Our Area Partners</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#FAQ">FAQ</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#Service-Area">Service Area</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#About-Us">About Us</a> <a class="w3-bar-item w3-button w3-hover-cyan w3-hide-small" href="#Contact-Us">Contact Us</a> <a href="javascript:void(0)" class="w3-bar-item w3-button w3-right w3-hide-large w3-hover-cyan w3-hide-medium" onclick="myFunction('demo')">☰</a> </div>