Thanks guys worked like a charm!

But i now noticed the logo is cut off on mobile. The menu is fine. So I added some custom css, which did align the logo correctly but half of it is cut off. I have uploaded a screenshot to my wordpress site, I have provided a link to it.

Here is the code I added:

@media only screen and (max-width: 767px) {
.responsive .logo img {
margin: 0 auto;
max-width: 100%;
width: 100% !important;
position: relative;
left: 77px;
}
}

Thanks a lot, it works great!
Love the quick support!