Wordpress CSS — вероятно, очень простое решение

Question

У меня возникли проблемы с заголовком (логотипом) на мой сайт на Wordpress.

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

Я перепробовал всевозможные методы, включая поля и т.д.Это код, который у меня есть на данный момент.

/*--HEADER MENU--*/
.userMenu {
    font-weight: bold;
    height: 40px;
    position: absolute;
    right: 30%;
    margin: -20px 0 0 0;
    display: inline-block;
    font-size: 12px;
    list-style: none;
}

Answer 1

Я немного поиграл с этим.Следующие действия должны устранить ваши проблемы.

• Удалить max-height на #header
• Добавь text-align: center; на #topBar

Answer 2

Попробуйте:

#topBar #logo {
 color: #5B5B5B;
 display: block;
 font-size: 32px;
 line-height: 1em;
}

.userMenu {
 font-size: 12px;
 font-weight: bold;
 list-style: none outside none;
 text-align: center;
}

.