Bootstrap mobile nav height

Question

Мне нужна моя мобильная навигация, чтобы быть выше. Сейчас на мобильном телефоне видно 6 элементов, но в моем меню есть 8 элементов. Пользователям очень сложно увидеть, что есть больше предметов, и им нужно прокрутить навигацию вниз. Тем более, что ниже навигации есть место.

Image with menu items 1-6 shown

Я просто не могу найти кусок CSS, который делает трюк.

Answer 1

Измените значение класса .navbar-collapse.

@media screen and (max-width: 767px) 
.navbar-collapse {max-height:550px; } //or whatever value//