使wordpress菜单水平

Question

嘿，伙计们，我对wordpress的开发还很陌生，我想把我的wordpress菜单设置在标题下面的水平位置。

我的header.php

在我的头文件中，我为菜单分配了一个类，如

<nav class="mythirdclass">
<?php wp_nav_menu(); ?>
</nav>

在我的style.css里

在style.css文件中，我给出的如下

.mythirdclass {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
   display: inline;
}

但这段代码根本不起作用，..i希望菜单以水平方式显示。

谢谢你的帮助：)

Answer 1

如果我正确理解，您正在尝试将wp_nav_menu()的输出定位在水平线上。您应该尝试样式化<li>元素，而不是所有<div>。另外，应该删除width: 100%;。

像这样的事情似乎很有效：

.mythirdclass li {
   float: left;
   padding: 0;
   margin: 1em;
   list-style-type: none;
   display: inline;

}

Answer 2

尝试：

display:inline-block;

这是行不通的，试着激活一个你知道的主题，比如2012年，并将你的主题与它进行比较。