更改默认状态并替换汉堡菜单的图标

时间:2020-12-13 作者:AnalysisStudent0414

当屏幕变得太小时(即如果我限制浏览器窗口,或如果我从手机打开网站),菜单将变成一个汉堡(☰). 我想知道如何做以下两件事:

更改菜单的默认状态;“未切换”;状态(当您只能看到☰) 至;切换(&Q);状态(当您可以看到整个打开的菜单时,点击☰ 关闭它)。

更改符号☰ 对另一个人来说,可能类似于;☰ 菜单“;或者可能是完全不同的事情。

我该如何做这些事情?如果有帮助,我正在使用Illustratr主题,我的网站(正在建设中)是https://cesaregardito.eu

1 个回复
最合适的回答,由SO网友:Andre Verona 整理而成

您可以通过css删除当前图标,然后可以在中添加新图标。带有背景图像的菜单切换按钮。

css如下所示;

.genericon-menu:before{
content: " ";
}
.main-navigation .menu-toggle{
background-image: url(/*image url*/);
background-size: contain;
}

相关推荐

用标准的干净文件替换NAV-menus.php文件?

我是一个自学成才的wordpress网站设计师,请原谅我的无知。我为一个客户开发的几个网站最近被一个印尼黑客组织破坏了(很有趣!)。客户端没有更新wordpress安装和其他一些危及安全的事情。遗憾的是,没有网站的清理备份。网络主机给了我一个包含恶意软件扫描结果的文本文件。看起来很多受影响的文件都是导航菜单。网站的php文件。文本文件中显示的扫描结果示例如下:“[主目录]/[网站文件夹名称]/wp includes/nav-menu.php:SL-php-INJECTOR-1-ejw.UNOFFICIAL