我是一只历经沧桑的老狮

Typecho主题Pinghsu - 添加移动端导航菜单关闭

一共需要修改两个文件

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

至此,完成,去试试效果吧!

其他说明

以上内容转载自网络,如果有任何问题,请直接联系原作者——点我进入传送门

本站未注明转载的文章均为原创,转载请注明来源,谢谢!

添加新评论