我已经按我想要的方式设置了导航菜单(top nav = main-nav),但是我一直想不出一种方法来将下拉菜单(第二级导航)居中对齐到其父导航项目,而不影响当前的布局或功能。导航列表很难用中间的菜单设置,而且通过Wordpress仍然是动态的。我使用了display:table和display:table-cell的组合来完成此操作。导航的顶层看起来很棒,但下拉的二级却不对齐。
任何建议都将不胜感激。提前感谢!干杯
在上,当你将鼠标悬停在导航标题“服务”上时,会出现一个下拉列表。然后,当你将鼠标悬停在导航和鼠标标题“修复”上时,你会看到一个二级菜单出现。我想将第二个黄色的子菜单向上移动,使其与其父菜单“修复”对齐。但是,将top:0和/或任何页边距添加到nav li ul li ul会导致二级黄色子导航始终显示,而不是仅在悬停时显示。
有什么建议吗?
我正试着用图片而不是文本来代替我网站的顶级导航。到目前为止,我有这个功能,它隐藏了屏幕外的文本,并显示了特定菜单项的图像。#menu-item-982 a { background: url('image.png'); text-indent: -9999px; }
因此,问题是superfish中的子菜单项继承了text-indent属性,这些子菜单项没有自己的单独图像,而只是常规的文本菜单项。.sub-menu li a { text-in