[Resolved] Site Identity – Logo versus Retina Logo

[Manish]

Like Astra – is there an option for following:
– Logo (e.g. Windows)
– Logo for Retina device (e.g. iMac)
– Logo for Mobile device (e.g. iPad, iPhone)

Looks like lack of Mobile option (separate from Retina) causes a mobile friendly logo to also appear on iMac. I have a longer width logo for desktop and a circular logo for mobile.

[David]

Hi there,

if you require a different mobile logo then enable the Mobile Header:

https://docs.generatepress.com/article/mobile-header/

[Manish]

I am possibly duplicating my ask. How do I adapt width between iMac and iPad for the Retina logo? Per above the mobile logo is working fine.

[Tom]

Hi there,

Are you just trying to adjust the logo width on tablet?

If so, you could do this:

@media (max-width: 1024px) {
    .site-header .is-logo-image {
        max-width: 100px;
    }
}

Let us know 🙂

[Author]

Posts