手机屏幕上的菜单按钮不可点击wordpress店面主题

Question

我在wordpress电子商务商店中遇到麻烦，并且无法找出错误。

我的wordpress网站顶部有一个菜单，可以在Web浏览器中正常工作，但是当我在移动屏幕上打开时，它变成了菜单按钮，无法点击。请有人帮我使其可单击以显示下拉菜单项。

Wordpress主题：店面

网站链接：https://www.nuttynuts.pk/

Answer 1

如果我看一下您的代码，则类handheld-navigation的移动菜单在CSS中确实有max-height: 0。单击按钮不会更改此设置，因此您缺少处理此操作的javascript函数。您可以通过切换课程来做到这一点。

在您的css文件中，添加一个类并为其指定最大高度：

.my_custom_class { max-height: auto !important; }

使用javascript（使用jquery），您可以在单击按钮时切换此类：

( function( $ ) {
    $(document).ready(function () {
      $(".menu-toggle").click(function (e) {
        e.preventDefault();
        $(".handheld-navigation").toggleClass("my_custom_class ");
      });
    });
}( jQuery ) );