W3.CSS 和 Javascript 导航栏问题

Question

我在 w3schools.com 的 w3.css 中为我的业务建立了一个简单的网站； https:\/\/www.housewashingdelmarva.com\/<\/a>

但是，当网站缩小到手机大小并且导航到 3 个堆叠条时，我无法让它单击并降低菜单。 我相信这是一个javascript问题。 但我主要是前端 CSS 和 HTML 设计师。 不知道我做错了什么，因为我已经建立了另外两个类似的网站，它们在移动方面运行良好，并且看不到代码中的差异。

如果任何 javascript 编码人员或 w3.css 设计人员注意到我的错误，我将不胜感激。

谢谢！

Answer 1

在汉堡图标的 onClick 事件期间，您忘记在 myFunction 中添加“演示”ID。 单击此处查看突出显示问题的图像。<\/a>

<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>