Question

目前正在处理http://getfitquick.co.uk/但是已经出现问题，当在平板电脑/移动设备上查看菜单时，菜单当前处于活动状态，并且切换常常打开，真的想要将其删除以便用户能够单击菜单并允许菜单显示而不是始终处于活动状态。

还要提一下参考，在http://getfitquick.co.uk/shop/上，菜单实际上是我想要的，但是我有点不确定我是怎么做到的，

有没有人可以提出建议？也许在这个过程中我可能做错了什么？

感谢阅读，

Answer 1

在主页上有一个为display: inline-block !important;

运行.menu .nav的css代码

@media (max-width: 768px) (index):251 
.menu .nav {
    position: relative;
    background-color: #000000;
    left: 0px;
    border-color: #e51d25;
    display: inline-block !important;
}

该代码将覆盖移动导航的默认行为
在该代码的顶部，有一条评论说

/*
    The following CSS generated by Yellow Pencil Plugin.
    http://waspthemes.com/yellow-pencil
*/

所以我不确定是否直接从主页上的插件选项生成CSS，或者是否从自定义CSS代码分配给该主页，

解决这个问题的最佳方法是查找该代码，它应该位于黄色铅笔插件中的某个位置

第二个选项真的是一个坏主意是修改并覆盖它

CSS覆盖

header .menu .nav {
    display: none !important;
}
header .menu.active .nav {
    display: block !important;
}

然后在单击按钮时添加active，再次单击时将其删除，

jQuery的

(function( $) {
 $('header').on('click', '.menu .toggleMenu', function() {
    $(this).parent().toggleClass('active');
 });
})(jQuery);

Wordpress切换菜单无法正常工作

1 个答案: