css - 如何在wordpress中制作水平子菜单？

Question

我的主菜单有一个默认为垂直的子菜单。如何将其更改为水平的。 stylesheet.css 中子菜单的 css 是:

.main-nav>ul>li .sub-menu> li {
    padding:0 20px;
}
.main-nav>ul>li .sub-menu> li:first-child>a{
    border:none;
}
.main-nav > ul > li .sub-menu > li >a {
    border-top: 1px solid #e5e5e5;
    color: #666;
    display: block;
    padding: 10px 0px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.main-nav > ul > li > a {
    color: #fff;
    display: block;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}

Answer 1

在不知道您的整个代码的情况下很难回答您的问题，但我认为您想要的是您的 li 标签应该彼此相邻而不是在下面。

如果是这种情况，请尝试添加

display: inline-block; 

到你的 li 标签。