Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
手机屏幕上的菜单按钮不可单击wordpress店面主题_Wordpress_Wordpress Theming - Fatal编程技术网

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

手机屏幕上的菜单按钮不可单击wordpress店面主题,wordpress,wordpress-theming,Wordpress,Wordpress Theming,我在我的wordpress电子商务商店遇到了问题,我无法找到这个bug 我的wordpress网站顶部有一个菜单,它在web浏览器中工作正常,但当我在手机屏幕中打开时,它会变成一个菜单按钮,无法单击。请有人帮助我使其可单击,以便显示下拉菜单项 Wordpress主题:店面 网站链接: 如果我看一下您的代码,带有掌上导航类的移动菜单在CSS amax height:0中具有相同的高度。单击按钮不会改变这一点,因此您缺少处理此问题的javascript函数。您可以通过切换一个类来实现 在css文件中

我在我的wordpress电子商务商店遇到了问题,我无法找到这个bug

我的wordpress网站顶部有一个菜单,它在web浏览器中工作正常,但当我在手机屏幕中打开时,它会变成一个菜单按钮,无法单击。请有人帮助我使其可单击,以便显示下拉菜单项

Wordpress主题:店面

网站链接:


如果我看一下您的代码,带有
掌上导航类的移动菜单在CSS a
max height:0
中具有相同的高度。单击按钮不会改变这一点,因此您缺少处理此问题的javascript函数。您可以通过切换一个类来实现

在css文件中,添加一个类并为其指定最大高度:

.my\u custom\u 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 ) );