css - 使垂直的 Wordpress 导航栏子菜单水平

标签 css wordpress uinavigationbar navbar horizontallist

我想更改我的 Wordpress 导航栏,以便当您将鼠标悬停在包含子页面的页面上时出现的下拉菜单本身水平放置,而不是垂直放置。我的“主”导航栏已经是水平的,我希望“子导航栏”也是。

一张图说一千个字:



当前(没有悬停)...
|第 1 页 |第 2 页 |第 3 页 |第 4 页 |



当前(鼠标悬停在第 2 页)...

| Page 1 | Page 2 | Page 3 | Page 4 |
         | Subpage 1 |
         | Subpage 2 |
         | Subpage 3 |
         | Subpage 4 |
         | Subpage 5 |



我想要的(鼠标悬停在第 2 页)...

| Page 1 | Page 2 | Page 3 | Page 4 |
         | Subpage 1 | Subpage 2 | Subpage 3 |
| Subpage 4 | Subpage 5 |

我希望这很清楚——郑重声明,我使用的是 Fistic 主题。

最佳答案

找到子导航的 id 或类 - 并使用 float:left 使它们彼此相邻而不是彼此下方排列。

关于css - 使垂直的 Wordpress 导航栏子菜单水平,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13917412/

相关文章:

ios - UINavigationBar 在 Action Extension 中的旋转高度错误

swift - 位于 View 顶部的导航栏

iOS - 如何使导航栏的 subview 透明?

javascript - 我如何创建一个包含图像的多级下拉菜单,最好使用 css?

jquery - 第 n 个子元素选择了错误的元素

从文件打开时 HTML 不工作,从 ftp 服务器工作

html - wordpress 导航(自己的主题)

html - 字体加载然后闪烁以更正字体

javascript - jQuery:检测 Flexbox 内的位置

php - 在 WordPress 中重新加载不同尺寸的图像