Wordpress菜单略微浮动到右侧

时间:2013-11-10 05:34:59

标签: wordpress menu

我正在将li文本对齐到中心并使左右填充具有相同的值(使得有效页面链接的背景颜色变平)。

<div class="span12" id="mn">
<ul>
<li><a id="mn1"><?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?></a></li>
</ul>
</div>

    #mn a:hover {
color: white;
background-color: #14A4FA;
text-decoration: none;}

    #mn ul li.current-menu-item {
background-color: #14A4FA;}

    #mn ul li {
display: inline;
text-align: center;
padding-right: 15px;
padding-left: 15px;
color: white;
font-weight: bold;
font-size:15px;}

整个菜单稍微(约15 pxs)向右移动

我该如何解决?

谢谢!

1 个答案:

答案 0 :(得分:1)

那应该是因为ul标签默认有缩进。使用以下内容,它应该修复它:

  

#mn ul {margin:0;填充:0}

此外,我没有看到任何CSS规则来删除默认的li样式(我的意思是子弹点和东西)。您可能想要使用以下内容:

  

#mn ul {list-style-type:none}