移动视图上未显示菜单

时间:2021-09-22 作者:Pragati Shirsat

我正在festy上使用最新版本的wordpress。beautheme主题。在手机上或浏览器窗口非常小时,下拉菜单不会显示。这是三行的下拉菜单。当你点击它时,它应该有一个下拉菜单。

它在全桌面屏幕上运行良好,但当我缩小屏幕(或在手机上查看)时,三行菜单确实会创建一个下拉菜单。单击它时不会发生任何事情。这里是链接。有人有什么想法吗?http://bigplatinum.mydevportals.com/

1 个回复
SO网友:Ravi

这是因为你的主题风格。css第12401行有一个媒体查询

@media (max-width: 991px)
.header__wrapper .main-menu3 {
     display: none;  
}
首先,在这行上发表评论,现在您也可以在移动视图中看到您的菜单。要在单击三行时切换此选项,必须添加一点jquery代码:

$(\'.button-show\').click(function(){
    $(\'.main-menu3\').toggle();
});
或者,您可以通过另一种方式实现同样的目标:

$(\'.button-show\').click(function(){
    $(\'.main-menu3\').toggleClass(\'hide_menu\');
});
现在,在主题CSS中编写以下CSS:

.hide_menu{
    display:none;
}
如果您还有任何疑问,请告诉我。谢谢你,拉维·塔卡

相关推荐

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

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