Archived topic

Site Identity - Logo versus Retina Logo

3 replies · Started by Manish on November 1, 2020

Viewing posts 1–4 of 4

November 1, 2020 at 1:10 pm #1513778

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.

November 2, 2020 at 4:30 am #1514264

Hi there,

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

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

November 9, 2020 at 9:31 am #1524207

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.

November 9, 2020 at 1:15 pm #1524474

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 :)

This archived topic is closed to new replies.

Start building better websites today.