我已经按我想要的方式设置了导航菜单(top nav = main-nav),但是我一直想不出一种方法来将下拉菜单(第二级导航)居中对齐到其父导航项目,而不影响当前的布局或功能。导航列表很难用中间的菜单设置,而且通过Wordpress仍然是动态的。我使用了display:table和display:table-cell的组合来完成此操作。导航的顶层看起来很棒,但下拉的二级却不对齐。
在上,当你将鼠标悬停在导航标题“服务”上时,会出现一个下拉列表。然后,当你将鼠标悬停在导航和鼠标标题“修复”上时,你会看到一个二级菜单出现。我想将第二个黄色的子菜单向上移动,使其与其父菜单“修复”对齐。但是,将top:0和/或任何页边距添加到nav li ul li ul会导致二级黄色子导航始终显示,而不是仅在悬停时显示。
有什么建议吗?
我对导航栏使用了bootstrap框架,现在我想使用summernote WYSIWYG HTML编辑器。如果我导入bootstrap.min.js脚本,导航栏下拉菜单可以很好地工作,但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本,则summernote可以工作,但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本,因为使