Как растянуть панель навигации по ширине окна и сделать ее отзывчивой?

Question

Я использую дочернюю тему, основанную на теме Astra для Wordpress, и я добавляю пользовательские CSS в таблицу стилей.Однако, независимо от того, на какой элемент я нацеливаюсь, кажется, что панель навигации не может растянуться на 100%.Я знаю, что его контейнер также должен быть растянут, но это не решает проблему.Я могу изменить практически все, кроме его ширины.

Как я уже говорил, я пытался настроить таргетинг на множество элементов, связанных с этой областью страницы, а также на многие из них одновременно, включая тело.tag.

HTML для соответствующего раздела: https://pastebin.com/1x9mVtda

Я заметил, что в CSS размер блока для каждого элемента выше, включая тело, установлен для наследования.Может ли это иметь какое-то отношение к этому?

Все элементы имеют это:

*, :after, :before {
    box-sizing: inherit;
}

Панель навигации ведет себя так, как будто она все еще содержится в div, даже если я сбрасываю поля и отступыдо 0 и ширина до 100% для тела.

Answer 1

Попробуйте добавить это в свой CSS:

.main-navigation {
    -js-display: inline;
    display: inline;
}
.header-main-layout-2 .main-navigation ul {
    justify-content: space-evenly;
}