W3.CSS和Javascript导航栏问题

Question

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

然而，当网站缩小到手机大小和导航到3个堆叠栏，我无法让它点击和降低菜单。我认为这是javascript的问题。但我主要是一个前端的CSS和HTML设计师。不知道我做错了什么，因为我已经建立了另外两个类似的网站，运行良好，移动性好，看不到代码的区别。

如果任何javascript编码器或w3.css设计人员注意到我的错误，我将感谢您的帮助。

谢谢！

Answer 1

在汉堡图标上的myFunction事件中，您忘记了在onClick中添加‘演示’id。单击此处查看问题突出显示的图像。

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