Logo in header on wrong position in google chrome on non-retina macbook

[lilirooz]

Hi,
There is something wrong with the logo on our website.
It is positioned too low.
It only happens on a macbook (non-retina version) with a screen resolution of 1280px x 800px.
In the past we had a similar problem on mozilla firefox.
This is the code you sent me before, should we add some other code?

Thank you very much for your reply

@-moz-document url-prefix() {
.full-center #logo {
position: relative;
left: auto;
top: auto;
height: 100%;
width: auto;
z-index: 99;
max-width: initial;
}
.woocommerce ul.products li.product.col-sm-4 {
width: 33%;
}
@media screen and (max-width: 1180px) {
.full-center #logo {
position: absolute;
left: 0;
top: 0;
max-width: 99%;
}

#logo img {
max-width: 83%;
}
}

[lilirooz]

It also happens when my screen is smaller.
See attached screenshot.

Attachments:

You must be logged in to view attached files.

[lilirooz]

After some more testing, I can describe the problem more accurately:
When you surf to the website in Chrome on a non-retina screen, you will see that the logo in the menu is positioned too low.
What code should I implement to get the logo on the right position?

[Swift Ideas – Ed]

Hi there,

This css will resolve the issue:

.full-center #logo.has-img a>img {
float: left;
}

Apologies for the delay in our reply.

– Ed