Deleting empty space in flowing header

Let’s try this for a start

.nav-collapse, .nav-collapse.collapse {
  width: 40%;
}

I did it… What’s next ?

I think that we need some code just to move flowing header div up? But I do not know how :S

There is still empty space over the flowing menu

Not sure I’m understanding correctly. The 3-bar dropdown menu now looks better only taking up 40% not 100% width?

But I did not mention 3 bar menu… This is not my problem…
My problem is empty space on the upper side of the menu.

You see on this picture there is unused space on the upper side of the menu :

https://tinypic.com/r/14cfeb4/8

OK, try this then:

.navbar .nav {
  margin-top: -20px;
}

Yeah, thats a solution, but now in 3bar dropdown menu I do not see first Home button…

Thank you ??

Ok, I fixed it by this code :

@media (max-width:979px) {
.navbar div > ul.nav > .menu-item:first-child > a {margin-top:25px;}
}

Problem solved ??