Тема Wordpress css: невозможно изменить положение навигации

Я работаю с этой бесплатной темой: http://demo2.woothemes.com/mystile/

И хотелось бы изменить положение (поставить по центру) главного навигационного меню. (та, что с домом, магазином...).

Я прошел через style.css и layout.css (также пробовал с firebug), но не могу найти, где указано, что он должен быть справа. Я предполагаю, что это "поплавок:"?

Единственный способ, который я нашел, чтобы изменить его положение, - это поместить это в 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.

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