Как выстроить пункты меню в линию, wordpress?

Question

[Игорь Плотников]

На данном сайте нужно чтобы меню шло по верхней синей линии, через свой css никак не смог изменить на display: inline-block;, найти css файл, в котором находится стиль .menu-navmenu-container не смог.
помогите :*(

Answer 1

[Виталий]

файл
/wp-content/themes/wilo/main.css
строку 2314 сделайте так

ul li {
    padding-left: 0.5em;
    display: inline-block;
}

Comments

[Игорь Плотников]

Новая проблема, теперь для маленьких экранов надо их display: block сделать :(

[Виталий]

Игорь Плотников: значит сначала пишете через block, а ниже media запрос с большим размером , например (min-width: 992px) и в него уже Inline-block

[Игорь Плотников]

Виталий: пробовал, не помогло

[Виталий]

Игорь Плотников: да всё работает take.ms/FV85f

[Игорь Плотников]

Виталий: да я понимаю, не вышло так

[Игорь Плотников]

Виталий: аааа, я понял, я сначала написал display: block; для медиа, сейчас попробую

[Игорь Плотников]

Виталий: все сработало, я люблю тебя <3

Answer 2

[ksenofobius]

Попробуйте изменить ширину родительского блока, скорее всего пункты меню в строку, но не влазят в родительский блок => переносятся. Как временный костыль используйте white-space: nowrap; это отменит перенос блока на новую строку

Answer 3

[Игорь Мавлиханов]

Ничего искать не нужно у себя в теме css файле пропишите

#menu-navmenu ul li {
    display: inline-block;
}

ну или можно в файле функции прописать

add_action('wp_head',function(){
?>
<style>
#menu-navmenu ul li {
    display: inline-block;
}
</style>
<?php
});

и всё будет

=======
стиль .menu-navmenu-container находится в корне вашей темы в файле main.css

Comments

[Игорь Плотников]

я этот стиль сам и написал, пытаясь исправить

[Игорь Плотников]

и оба варианта не помогли :(