Question

我的主菜单有一个垂直默认的子菜单。我可以将它改为水平。 stylesheet.css中子菜单的css是：

＆＃13;

.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;
}

＆＃13;

Answer 1

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

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

display: inline-block;

到您的li标签。

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

1 个答案: