Bootsrap how to change navbar height only in expanded state?

Question

Bootstrap

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
    	<span class="navbar-toggler-icon"></span>
  	</button>

  	<div class="collapse navbar-collapse" id="navbar1">
    	<ul class="navbar-nav mr-auto">
      		<li class="nav-item active">
        		<a class="nav-link" href="#">Главная</a>
      		</li>
.....
      	</ul>
  	</div>
</nav>

.navbar{
    height: 40px !important;
}

does not help, since everything is fine in the unfolded position, but the burger does not open for phones.

Answer 1

I'm not sure if I understood you correctly, but try setting the height to another class - .navbar-nav and then apply a media query so that this height is only on mobile devices.