[Resolved] Separate Logo for 13″ retina MacBooks?

[Jenny]

Hello together,

is there a possibility to setup a Logo for the 13″ Retina-MacBooks?
I have got a customer who is disappointed because he has a 13″ Retina 🙂

https://bilderupload.org/image/3fb495327-bildschirmfoto-2022-05-30.png

Thanks a lot for looking it up :),
Jenny

[David]

Hi there,

do you have an SVG version of the Logo ? As that would be the best solution.

[Jenny]

Oh I think I didn’t explain it correctly. I just want to have the Logo bigger on 13″ 🙂

[David]

Ok, you can try this CSS:

@media (max-width: 1366px) and (min-width: 1024px ) and (-webkit-min-device-pixel-ratio: 2) {
    #mobile-header .mobile-header-logo img {
        height: 140px !important;
    }
}

It applies to x2 retina and above devices that have a 1024 to 1366px CSS width screen. So this will cover 12″ iPads too.

[Jenny]

Dear David, thanks a lot 🌻.
It worked 🙂

[David]

Glad to hear that!

[Author]

Posts