如何在使用Zurb基金会的顶级栏导航组件时链接顶级“栏目”导航项目？

Question

我正在使用Zurb Foundation UI框架构建一个网站，我想知道如何去关于顶级导航链接，以便它们可以为桌面和移动访问者工作。

编辑：下面是一个例子：http://meowzen.com/zurb-nav/

第1 < - 应采取访问者到一个“节”页面

--sub，第1节< - 应采取访问者到“小节”页

--sub，第2节< - 同上

--etc

在上面的链接示例中，您会注意到所有链接均可在大屏幕上按预期工作。但是，当响应式导航启动（通过调整窗口大小或在移动设备上查看页面）时，“部分”页面无法通过菜单访问。

有没有人提出过这个问题？你有什么建议如何去做这件事？

非常感谢提前！

编辑：这里有一些选择我的那一刻：

选项1：只显示顶级的移动导航“部分” - 这里有一个例子：投影。皮克斯。 com。 < - 我倾向于此！

选项2：使节名称可链接 - 我相信这是可能的，因为这里有一个工作示例：emerilsrestaurants。 com。

选项3：在子部分级别为部分页面插入一个虚拟菜单项。

Answer 1

在通过the link above的示例中，您会注意到所有链接都按预期在大屏幕上工作。但是，当响应式导航启动（通过调整窗口大小或在移动设备上查看页面）时，“部分”页面无法通过菜单访问。

我不知道我是否正确理解你，但你的例子是按预期工作的。对于较小的视口（“移动”视图），菜单隐藏在下拉组件中。一旦你下拉菜单，子菜单项仍然可以点击。