我不能在我的wp主题菜单上居中

时间:2015-02-15 11:15:01

标签: css menu center

我找不到一种方法来集中它。

http://milassoforlerodasi.org.tr/

我的css代码是这样的:

/* First Level - Menu Secondary */
.menu-secondary li a {
    color: #FFFFFF;
    padding: 14px 3px 13px 15px;
    text-decoration: none;
    font-family: 'Gentium+Basic', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus, 
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    color: #000000;
    background:#FFFFFF;
    outline: 0;
}

/* Child Levels - Menu Secondary */

.menu-secondary li li a {
    color: #FFFFFF;
    background: #000000;
    padding: 10px 15px;
    text-transform: none;
    margin: 0;
    font-weight: normal;
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus, 
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
    color: #FFFFFF;
    background: #22AEEF;
    outline: 0;
}

/* Arrows - Menu Secondary */

.menu-secondary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}
.menu-secondary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 13px 13px 0 0;
}

.menu-secondary li li .sf-sub-indicator {

    padding: 9px 13px 0 0;
}

/* Shadows - Menu Secondary */

.wrap-menu-secondary .sf-shadow ul {
    background: url('images/menu-secondary-shadow.png') no-repeat bottom right;
}

我在.menu-secondary li a中插入了许多不同的代码,但它们都没有真正以文字和链接为中心。

1 个答案:

答案 0 :(得分:1)

好的,我现在收到了你的问题。

clearfix元素中添加一个类#menu-secondary-menu。 然后添加这个css:

#menu-secondary-menu {
  display: table;
  margin: 0 auto;
}

它应该做的工作。