移动菜单导航不起作用

Question

我在此网站上工作http://www.onlineshoppingdeals.in/

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

重定向如果在移动浏览器中打开，则会失败。这里怎么了？

Answer 1

我检查了网站，发现当width > 768中的链接在<a>标签中时，但是当您将其转换为移动设备（width < 768）时，导航成为带有<options>的<select>标签。因此，您需要编写一些JavaScript代码，该代码将用$('select').change()

Answer 2

有两种方法可以做到，使用两个菜单隐藏并根据媒体查询显示它们。

1. 简单的方法是

   http://www.foo.bar'"> foo http://www.foo.bar'"> bar

2. 硬方法是

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

您可以根据图像下图删除Mini菜单继续使用主菜单。您只需要更改菜单图标。

在此处输入图像描述