一共需要修改两个文件
header.php
style.min.css
修改 header.php
ctrl+ F 找到下面这一行
<div class="navbar-mobile-menu" onclick="">
修改为
<div class="navbar-mobile-menu" onclick="navbarSwith()">
并在这一行上面另起一行加入下面的内容
<script>function navbarSwith(){document.getElementsByClassName("navbar-mobile-menu")[0].classList.toggle("navbar-mobile-menu-on")}</script>
修改 style.min.css
由于 CSS 是压缩的,修改的时候要仔细点啊。
先 ctrl+ F 找到下面的内容(只有 1 处位置)
.navbar-mobile-menu:hover>ul
修改为
.navbar-mobile-menu-on ul
再 ctrl+ F 找到下面的内容(还有 9 处位置,建议使用“替换”工具)
.navbar-mobile-menu:hover
修改为
.navbar-mobile-menu-on
至此,完成,去试试效果吧!
其他说明
以上内容转载自网络,如果有任何问题,请直接联系原作者——点我进入传送门