1

我有一个响应式主题。在小屏幕上查看网站时，它会显示“菜单”，您必须点击它才能看到菜单项。我想要做的是直接显示菜单项，而无需用户在看到它们之前点击“菜单”。我尝试使用 Firebug 查看触发它的原因并尝试删除它。但这也会在桌面视图中弄乱我的整个网站。

这是链接。如果有人可以通过告诉我要删除哪些代码来为我指明正确的方向，那就太好了。非常感谢您的帮助。

4

2 回答 2

0

我相信它是通过css隐藏的。因此，要在浏览器移动时最初显示该菜单，请进入 bootstrap-responsive.css 文件中的第 1424 行并将“display:none”更改为“display:block”。需要明确的是，这是您要查找的代码。

 nav#main_menu.smooth_menu ul {
   display: none;
   background:#fff; 
 }

它在@media (max-width: 767px) 媒体查询中。

当用户在移动浏览器上时，这应该最初显示菜单，同时保持切换功能。

于 2013-05-19T06:05:24.327 回答
0

<script>在你的页面里面添加下面的内容<head>。它的作用是在启动时模拟单击“菜单”。

<script>
    $(document).ready(function() {
        jQuery('.zn_menu_trigger a:visible').click();
    });
</script>
于 2013-05-19T05:59:57.237 回答