移动菜单导航不起作用

Question

我正在这个网站上工作http://www.onlineshoppingdeals.in/

如果您在桌面浏览器中打开，菜单可以正常工作（重定向到正确的链接）。

如果在移动浏览器中打开，重定向将失败。这里有什么问题吗？

Answer 1

我查看了网站，发现当 width > 768 链接位于 <a> 标签中，但是当您将其转换为移动设备 (width < 768) 时，导航变成了 <select> 标签里面有 <options>。所以你需要写一些 JavaScript 代码，它会用 $('select').change()

自动触发

Answer 2

有两种方法，bootstrap使用两个菜单根据媒体查询隐藏和显示它们。

1. 简单的方法是

   http://www.foo.bar'" >Foo http://www.foo.bar'">酒吧

2. 硬方法是

[在此处输入图片描述][1]

您可以删除迷你菜单，继续使用主菜单，如下图所示。你只需要更改菜单图标。

enter image description here