Remove space/padding(?) above and below menu bar

I would like to remove the space above and below the menu bar, so that it is flush with all of the elements and runs seamlessly without any 'dead' space.

 

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.menu_bar {
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: -16px;
}

Adjust these values as per your requirement.