Пункты адаптивного меню наезжают друг на друга. Как исправить ситуацию?

Question

[Павел Сахнов]

есть такое меню: jsbin.com/save/88/edit

при разрешении экрана выше 1050px меню должно вставать в один ряд с лого. Но при этом некоторые пункты наезжают друг на друга. как исправить эту ситуацию?

Comments

[Дамир Рысаев]

Ссылка битая

[Павел Сахнов]

прошу прощения за кривую ссылку jsbin.com/yexuz/1/edit

Answer 1

[Дамир Рысаев]

Вот смотрите, проблема решена: решение
Оставьте блоку с текстом, самому выбирать место по ширине. Не которым не хватает места и текст выходит за пределы блока, или добавьте overflow: hidden; лишний текст будет скрываться.

Answer 2

[Виталий Желтяков]

Используйте margin