Wordpress тема css: невъзможна промяна на навигационната позиция

Работя с тази безплатна тема: http://demo2.woothemes.com/mystile/

И бих искал да променя позицията (да я поставя в центъра) на главното меню за навигация. (този с дом, магазин ...).

Пътувах през style.css и layout.css (също опитах с firebug), но не мога да намеря къде е посочено, че трябва да е отдясно. Предполагам, че е "float:"?

Единственият начин, който намерих да променя позицията му, е да поставя това в custom.css:

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

Но това не е точно центрирано...

може ли някой да ми помогне


wordpress themes css position
person Dylan Mura    schedule 13.10.2014    source източник
comment
Не работи, лентата за навигация все още е вдясно   -  person Dylan Mura    schedule 13.10.2014

Отговори (3)


arrow_upward
0
arrow_downward

Опитайте да добавите тези css свойства във вашата таблица със стилове:

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

Просто копирайте и поставете горния css код във вашия css stylesheet.

person Anonymous    schedule 13.10.2014

arrow_upward
0
arrow_downward

Опитайте се да добавите тези свойства към следните класове:

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

Този код ще центрира това меню.

person Héctor    schedule 13.10.2014
comment
Не мога да намеря #main-nav в style.css или layout.css, къде е? - person Dylan Mura; 13.10.2014
comment
няма значение Копирайте това в ...mystile/style.css. Ако не работи, трябва да добавите !important към всички свойства: nav#navigation{ width: 100% !important; } ul#main-nav{ position: relative !important; right: 50% !important; transform: translateX(50%) !important; } - person Héctor; 13.10.2014
comment
Току що пробвах и изобщо не е центрирано. Просто минава между лявото и средното - person Dylan Mura; 13.10.2014

arrow_upward
0
arrow_downward

добре, зависи как сте го настроили с целия си код.. опитайте това и вижте как помага

#navigation {
  width:100%;
  left:50%;
  position:absolute;
  text-align:left;
  margin-left:-601px;
person jerry    schedule 13.10.2014
comment
Кара го да се движи, но как мога да го поставя точно в центъра? - person Dylan Mura; 13.10.2014