移动菜单导航无效

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'＆＃34; ＆GT;富     HTTP：//www.foo.bar'＆＃34;＆GT;酒吧

2. 硬法是

[在此处输入图像说明] [1]

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

enter image description here