WordPress菜单的响应式设计

Question

我正在开发WordPress二十一主题的儿童主题。可以看到现场演示here。由于WordPress已经具有响应支持，我也正在响应我自定义主题CSS的主题。对于我所完成的部分内容。在我的菜单部分，我遇到了一些问题。我有两种类型的菜单。一个没有下拉菜单，另一个没有下拉菜单。现在我面临着菜单中的问题，这些问题在响应中有下拉菜单。那么有人可以帮助我吗？

Answer 1

这似乎更像是一个设计问题，而不是技术问题。我建议1）将下拉菜单转换为手风琴菜单（例如tiny accordion），或2）扩展下拉菜单区域并增加其z-index，这样您只能将鼠标悬停在下拉菜单上不要激活它下面出现的任何东西。对于您的设计，这可能意味着增加z-index并在下拉菜单的子项中使用margin-top: -2px;之类的内容。

然而，响应式设计的理念是，它可以用于智能手机等小型设备。由于使用触摸功能的智能手机没有悬停状态，因此您可能会使用上面的建议1提供更好的服务，用户点击初始菜单，然后显示其子菜单。