css - WordPress菜单的响应式设计

Question

我正在开发一个 WordPress 二十一主题的子主题。现场演示可以在这里看到。由于 WordPress 已经有了响应式支持，我也在做我的主题以响应我正在定制我的主题 CSS。对于某些部分，我已经完成了。在我的菜单部分，我面临一些问题。我有两种类型的菜单。一个没有下拉菜单，另一个有下拉菜单。现在我在响应式下拉菜单中面临问题。那么有人可以在这里帮助我吗？

Answer 1

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

然而，响应式设计的理念是让它可用于小型设备，如智能手机。由于使用触摸的智能手机没有悬停状态，因此您可能最好使用上面的建议 1，即用户单击初始菜单，然后显示其子菜单。