Adjusting Bootstrap dropdown menu height

Question

My problem is that I can't adjust the height of the dropdown menu in bootstrap.

I want the height in the navbar to be 75px so my logo fits in the menu, but I want to keep the dropdown menu height 50px with it's standard line-height and everything.

Here is the link of my problem: http://www.bootply.com/zeYJxjO62s

Any suggestions on how to fix this?

Answer 1

You need to target direct child in your css:

.navbar-brand, .navbar-nav > li > a {
    line-height: 100px;
    height: 75px;
    padding-top: 0px;
}

Not .navbar-nav li a as this affects all links inside your navbar.