BOOTSTRAP NAV Collapsed Collapse changing height alignment

Question

Problem: I need a navbar with BIGGER HEIGHT.

I changed the css

.navbar {
  min-height: 80px;
  vertical-align: middle;
}

.navbar-collapse .collapse .in {
    padding-top:80px;
}

1. Vertical alignment of links is not vertically centered
2. When collapsed, the menu is invading the logo space

Answer 1

In your HTML put your navbar inside a class called . header for example. Within this class work the size of it in your particular media queries. Your logo vc tb can put it with the img-Responsive class and work the size of it in every media queries too.

ex: normal(desktop) header {. height: 200px } Cellular media: .header {height: 100px}