Меню сайта расположено по центру, но под остальным есть один пункт

Question

Недавно я добавил два новых пункта меню на свой сайт, поэтому панель навигации выглядит так.

                   |Item|Item|Item|Item|Item|Item|
                                 Item

на данный момент я не смог это исправить. уменьшение размера шрифта не помогло, и ни одно из выравниваний ящиков не меняет его. Этот код для этой части меню

.primary-menu .pmenu {
margin: auto;
display: inline-block;
float: left;
width: 100%;
text-align: center;
background: #fff;

а затем тело самого заголовка

body {
font-weight: 400;
font-size: 16px;
line-height: 1.625;
margin: 0;
background-color: #eee;

}

Answer 1

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

Таким образом, вы можете рассмотреть один из следующих вариантов (или их комбинацию):

• Увеличение width на .content-wrap (1320 пикселей должно работать, но делает все элементы содержимого более широкими). ​​
• Уменьшение левого и правого padding для ссылок меню (селектор .main-navigation ul li a)
• Уменьшите font-size для ссылок меню (снова селектор .main-navigation ul li a)