Reduce navbar height when using bootstrap+ Flat UI

I'm using designmodo's Flat UI, and I have a top bar navigation, I don't even populate it with links yet:

<body>
  <nav class="navbar">
  </nav>
</body>
.navbar{
  height:18px;
  background:red;
}

I want to have a really thin topbar, like 18px. However I cannot reduce it more than 50px. What is the CSS property that I have to override?

I also tried editing manually with Chrome's DOM editor, but once I change the value, it goes back to 50ish px.

Answers


.navbar has a minimum height on it. You need to cancel it. Add the following rule to your css

.navbar {
   min-height:0;

Need Your Help

JavaScript RegEx to mimic eval

javascript regex string eval

How would be the RegEx to make the string

Windows Firewall blocks mounting from linux

file-sharing windows-firewall

I'm trying to mount a windows folder (machine1) under linux (machine2).