Полноэкранное меню Wordpress

Question

Я хотел бы сделать главное меню полной ширины на сайте ниже. Это в WordPress. Я не уверен, какой элемент редактировать в пользовательских CSS. Спасибо.

Изображение главного меню:

Answer 1

Обновить CSS как

.container { margin-right: auto; 
             margin-left: auto; 
             padding-left: 0px; 
             padding-right: 0px; }

body.header_style_transparent .top_nav { 
             position: absolute; 
             left: 0; 
             bottom: 0; 
             width: 1230px; 
             background: #c42953; }

Answer 2

Сделайте это:

.top_nav .container {
    max-width: unset;
    width: 100%;
    padding: 0;
}

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

Answer 3

Добавьте ниже css и отметьте

.top_nav .container {
    width: 100%;
    padding: 0;
    max-width: 1230px;
}