Logo In Header Failing to respond on Browsers

Well the banner itself is 5000 pixels wide, would it be easier to make it the appropriate (1004px wide) size?

I see that the logo is pushing the header down in firefox. You can take the dimensions from Chrome and insert them into your css. I would play with something like this:

.themonic-logo img {
max-height: 227px;
max-width: 1038px;
}

Thanks for the reactions!

I did change the original sizes to 1014 x 180 now.
It’s about the only size that will display it correctly in Google Chrome.

Still,

The other browsers don’t display it correctly.

I found this in the css:

.themonic-logo {
padding: 17px;
float:left;
margin:10px 0;
}

and this:

/* Logo responsiveness in case of big logos */
.themonic-logo img {
max-width: 100%;

and the last piece:

.themonic-logo {
float: none;
margin: 0 0 10px;

Could it be of any use? (Note, I know basically nothing about coding etc.)

I fixed the problem!
Thanks, both of you.

It had a little delay to appear correctly on IE.

If anyone who’s using Safari (20% of my visitor are using it) could check out my site and tell me if it’s working.

Would be great!

You have fixed this problem but I don’t like the menu at mobile size (it needs more styling), and the menu is on two rolls at a width of between 770 and 790 pixels, which in my opinion is wrong.