如何在WordPress中的实际子菜单下添加子菜单(css)

时间:2014-07-12 06:09:54

标签: css wordpress css3 menu submenu

如何在WordPress的实际子菜单下添加子菜单?

在我的一个网站上,当你将鼠标悬停在它上面时,我希望珊瑚色菜单(包含科学,认证等)有子菜单。由于珊瑚色菜单实际上是wordpress中的子菜单,因此我无法创建此子菜单。顶级菜单是"为什么,如何,什么,谁"菜单在顶部。

*如果您检查,DISC应该是The Sciences下的子菜单(下拉列表)但不能正常工作。

任何帮助都将受到高度赞赏。

非常感谢,

~Dipak G。

2 个答案:

答案 0 :(得分:1)

您可以简单地拖放子菜单下的子菜单。子菜单可以是页面,自定义链接以及菜单页面左侧的任何内容。然后相应的css。

该系列将是:

The science
    sub-menu(of science)
         sub-menu  a
         sub-menu  b
         sub-menu  b
Accreditation 
    sub-menu(of Accreditation )
         sub-menu  c
         sub-menu  e
         sub-menu  f
and so on

如果你想要css,请告诉我。

在你的主题和css中添加这个css:

    .sub-menu-corel .sub-menu {
display: none;
position: absolute;
top: 100%;
width: 180px;
background: #fff;
border: 1px solid #ccc;
padding: 10px 0;
z-index:999;
}

.sub-menu-corel .sub-menu  li{
width:100%;
}

.sub-menu-corel .sub-menu  li a{
display:block;
width:100%;
color:#111;
}

.sub-menu-corel .sub-menu  li a:hover{
color:#111;
}

这是更新的css

答案 1 :(得分:0)

你可以通过拖放来实现

Appearance => Menu

只需将其作为子菜单的子菜单。