title: Dropdown menu on Bootstrap not adjusting to new Navbar Height
body: <p>I have changed the size of the navbar for my website from 50px to 63px by changing a line in the bootstrap.css file. The code I used to do so is below:</p>
  
  <pre><code>.navbar {
       position: relative;
       min-height: 63px; /* Changing this from 50px to 63px to fit logo **NOTE TO SELF**/
       margin-bottom: 20px;
       border: 1px solid transparent;
  }
  </code></pre>
  
  <p>It works fine. So far, so good. </p>
  
  <p>However, my navbar has a Dropdown on it that is where I am having an issue. When a user clicks on the dropdown it works as expected except that the height that it drops down is incorrect. It drops down only the normal 50px instead of going down 63px.</p>
  
  <p>Here is a picture of the problem:</p>
  
  <p><img src="https://i.stack.imgur.com/e8WPk.png" alt="Picture shoring dropdown problem"></p>
  
  <p>Any suggestions on how to fix this? I have searched through the Bootstrap.css file and cannot determine what is causing this or how to fix it. </p>