如何在顶部内联显示自定义WordPress菜单?

Question

我刚刚集成了自定义WordPress菜单，菜单显示在顶部，我想显示的位置，但我对内联的Allign有问题。我以这种方式将菜单插入主题中的标题.php文件：

<?wp_nav_menu( array( 'theme_location' => 'top-menu', 'container_class' => 'top_menu_class' ) ); ?>

菜单称为top-menu，它显示在顶部，但以horisontal行显示。我想像主菜单一样垂直。因为菜单有类选择器，我试图将CSS规则分配给CSS类，但似乎没有改变它：

.top_menu_class {
display: inline-block;
}

但似乎没有做出任何改变。这里有任何帮助吗？谢谢！

Answer 1

添加此 css

.top_menu_class,ul#menu-coping-nutrition{
float:left;
width:100%;
}
ul#menu-coping-nutrition li {
float: left;
width: auto;
padding: 15px;
}

Answer 2

看起来您需要将父容器设置为 100%，目前它被限制为 60px 宽度，之后您可以轻松地将列表项设置为内联块，它将全部在水平线上很好地对齐。

.top_menu_class {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.menu-item {
display: inline-block;
}