Navbar разная высота для обрушения

Question

My Bootstrap navbar отлично смотрится, когда он расширяется, но когда он обрушивается, кнопки становятся слишком высокими. Меню занимает весь экран на iPhone. Есть ли способ иметь две разные высоты? Один для большого экрана, другой для небольших экранов?

Благодаря

EDIT: Так как я спросил я нашел @media в нижней части файла CSS и добавлен атрибут там высота, но это не изменило кнопку «активный». Затем я попытался добавить, что @media и не работают. Однако, когда я это сделал:

@media (max-width: 768px) { 
.navbar-default .navbar-nav>li>a, .navbar-nav>.active>a { 
width: 100%; 
text-align: center; 
height:33px; 
line-height:33px; 
} 
@media (max-width: 768px) { 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { 
color: #FD851A; 
background-color: #1b3f65; 
line-height: 33px; 
}} 

это работает, но я знаю, что это не так с двумя @media. Как объединить их вместе?

Спасибо, я не очень хорош в этом!

Answer 1

Пожалуйста, измените свойство стиля .navbar-collapse.in на следующее. Вы можете найти следующий класс из таблицы стилей, называемой bootstrap.css. Я рекомендую обновить указанные стили от ширины @media (min-width: 768px) {}

.navbar-collapse.in { 
    overflow-y: scroll; 
    height: 'height'; 
} 

Я прилагаю скриншот после того как я применил стили указанного класса.