кодировка URL пружинного шаблона

Не держите видовое окно нетронутым: <meta name="viewport" content="width=device-width, initial-scale=1.0">

Предполагая, что вы хотите добиться эффекта непрерывной черной полосы справа: #menubar не должно превышать 100%, отрегулируйте радиус границы таким образом, чтобы правая сторона была квадратной и отрегулировала прокладку так, чтобы она простиралась немного правее. Измените следующее на #menubar:

border-radius: 30px 0px 0px 30px;
width: 100%; /*setting to 100% would leave a little space to the right */
padding: 0px 0px 0px 10px; /*fills the little gap*/

. Коррекция padding до 10px, конечно, оставляет левое меню на краю панели, вы можете поместить оставшиеся 40 пикселей на каждый из li, 20px с каждой стороны влево и вправо:

.menuitem {
display: block;
padding: 0px 20px;
}

Когда вы измените размер браузера меньше, вы найдете еще белый фон: вместо фоновой текстуры вместо вашего div выберите body. Или, наоборот, отрегулируйте ширину навигационного меню от 100% до более низкого значения с помощью мультимедийных запросов. В вашем коде есть много настроек, чтобы создать правильный макет, я не уверен, что вы намереваетесь сделать, но приведенный выше код каким-то образом исправит ваш переполненный бар.