Wordpress 切换菜单无法正常工作

Question

目前正在处理 http://getfitquick.co.uk/ 但遇到了一个问题，当在 Tablets/Mobile 上查看菜单时，菜单当前处于活动状态并且开关一直处于打开状态，真的很想删除它以便用户可以单击菜单并允许菜单显示，而不是它始终处于活动状态。

还想提一下 http://getfitquick.co.uk/shop/ 上的菜单实际上是按照我想要的方式出现的，但是我有点不确定我是怎么做到的，

有什么建议吗？也许我在这个过程中做错了什么？

感谢阅读，

Answer 1

主页上有一个 css 代码运行 display: inline-block !important; for .menu .nav

@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 代码，

解决这个问题的最佳方法是查找该代码，它应该在 Yellow Pencil 插件中的某处

虽然第二个选项确实是个坏主意，但修改并覆盖它

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 切换菜单无法正常工作

Wordpress toggle menu is not functioning

wordpress

menu

toggle

responsive