Индикатор без меню не работает должным образом

Question

Я работаю над индикатором меньше для моего меню WordPress.

Вот ссылка на код на codepen:

[https://codepen.io/Ricods/pen/mGzeQN][1]

У меня есть некоторые проблемы с ним:

• Первый элемент разбит на две строки.Я думал о добавлении псевдо-класса первого ребенка, чтобы изменить ширину.Но я не знаю, если это правильный способ справиться с этим?
• Как избавиться от пустых мест после имен элементов?

Answer 1

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