Html 如何使我的辅助导航菜单对wordpress中的移动设备做出响应

我正在使用报纸

wordpress

主题，在这个主题中，我在主导航菜单下创建了一个自定义菜单，它工作正常，但现在我希望这个辅助菜单能够在移动设备上响应。
我希望当有人单击插入符号图标时，此菜单可以简单地向下滑动。 这是我用来设置菜单样式的css类

@介质（最大宽度：767px）{
分区自定义菜单级ul{
列表样式：无；
浮动：对；
宽度：100%；
背景色：#b9f6ca；
填充：5px15px 5px 15px；
利润上限：-3px；
}
div.定制菜单级ul li{
列表样式：无；
浮动：对；
位置：相对位置；
左侧填充：1.3倍；
宽度：100%；
}
}

主题是否已经有响应菜单？您可能应该重新使用该代码。或者更好的是，将您的二级菜单链接放在现有的响应菜单中，可能样式不同（例如，不同的背景色）。您应该避免使用多个下拉菜单；对于用户来说，这似乎是一种潜在的混乱体验。是的，主题已经有了一个响应菜单，但我不想在主菜单中显示辅助菜单，事实上，我想在它下面显示一个插入符号图标，这样当点击时，它应该显示所有菜单项。因为这是客户的要求，所以我必须提供plz帮助我实现这一点。谢谢你说的是一项基础研究任务；你需要知道如何进行研究吗？去谷歌搜索“wordpress响应菜单”，你会得到教程和插件。重新使用主题正在使用的任何javascript来获取其响应菜单会更有效，但您也可以为自己的菜单执行另一个javascript。另一个选择是做一个只支持CSS的响应下拉列表，就像本文所讨论的：@MarsAndBack你能解释一下我如何在主题的主响应菜单中重复使用主题存在的代码来显示我的辅助导航菜单吗。我正在使用报纸上的wordpress主题。我还将提供任何额外的代码，如果需要的plz帮助我弄明白这一点。