Logo positioning wrong. I know how to fix but happens on multiple sites

[bongobong]

Hi there,
Now, I know how to fix this; I can just use css to make the logo smaller and it will fit but this happens on multiple sites and I don’t think i should have to.

Where I put the logo in it says “any size” which would seem to mean that I can put in a logo larger and it will resize; but it doesn’t.

Also, I think the logo looks good this big: I don’t want to have to resize it anyway; the only way I can keep it this big and put it in the right place is through css. But, again, I don’t want to have to mess with the percentages and widths of the divs to do that and I don’t think I should have to.

Do you have any thoughts and or fixes beyond just using !important; to make it smaller to fit?

thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

What browser or device are you viewing that on? For me it looks normal – Mac 30inch display & 13inch retina screen.

Thanks.

Attachments:

You must be logged in to view attached files.

[bongobong]

On 13 inch retina screen.
Is it centered for you?

Here it is in firefox

Attachments:

You must be logged in to view attached files.

[bongobong]

And chrome

Attachments:

You must be logged in to view attached files.

[bongobong]

Also try this site: http://www.the-escalator.com
Here it is in chrome (safari seems fine)
If it’s normal, try resizing the browser.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Apologies, now I can replicate it, retina only.

Can you please add this, are you running the latest theme version? Might be worth adding a login so I can investigate further.

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#logo img.retina, #logo h1.retina, 
#mobile-logo img.retina, 
#mobile-logo h1.retina {
    display: inline-block;
    max-width: 100%!important;
}
}

Thanks,
David.

[bongobong]

This reply has been marked as private.

[David Martin – Support]

Thanks for now, please use the CSS.

I will talk to the team to see what we can do to help you.

Thanks.