Question

我正在处理这个免费主题：http://demo2.woothemes.com/mystile/

我想改变主导航菜单的位置（把它放在中间位置）。（有家的人，商店......）。

我已经浏览过style.css和layout.css（也尝试过使用firebug），但我无法找到它应该在右边的位置。我想这是一个＆＃34;浮动：＆＃34; ？

我发现改变其立场的唯一方法是将它放在custom.css中：

body #navigation {
position:absolute;
top:165px;
left: -50%;
right: 0;
margin: auto auto;
}

但那并不完全集中......

有人可以帮助我吗？

Answer 1

这取决于你如何使用整个代码进行设置。试试这个并看看它有何帮助

#navigation {
  width:100%;
  left:50%;
  position:absolute;
  text-align:left;
  margin-left:-601px;

Answer 2

尝试将此属性添加到以下类中：

nav#navigation{
 width: 100%;
}
ul#main-nav{
 position: relative;
 right: 50%;
 transform: translateX(50%);
}

此代码将以该菜单为中心。

Answer 3

尝试在样式表中添加此css属性：

#navigation {
    position: absolute;
    width: 100% !important;
    text-align: center;
}
#navigation ul {
    float: none !important;
    display: inline-block;
}

只需将上述css代码复制并粘贴到css样式表中即可。

Wordpress主题css：无法改变导航位置

3 个答案: