GP + Autoptimize

Hi Jan,

I can see the mobile logo.
https://www.screencast.com/t/2Fzf7qjQw

Has the issue been fixed?

Let me know :)

Hi Ying, try now. I had disabled these options.

Can you try follow this settings?
https://docs.generatepress.com/article/configuring-autoptimize/

Yes
https://ctrlv.cz/1xyy

Hum.. I'm not able to replicate the same issue on my end.

Are your GP theme and GP premium plugin both up to date?

Yes. Up to date. I testing in Chrome, Firefox, Edge, Opera. Everywhere I can´t see mobile logo for anonymous users.

Looks like the generate-inline-style stylesheet is not optimized by Autoptimize, and the CSS from this style sheet is overriding the logo CSS.
https://www.screencast.com/t/AZQoAbsApkNv
https://www.screencast.com/t/TtHN4M32

I can't tell why Autotomize didn't cache this style sheet, it might worth reaching out to them, as when I tried the same settings with Autoptimize, the issue doesn't occur.

For a workaround, can you try add this CSS?

@media (max-width: 768px) {
    .navigation-branding, .site-logo.mobile-header-logo.page-hero-mobile-logo, .site-logo.mobile-header-logo{
        display: flex;
    }
}

Let me know :)

I see mobil logo now when page is loaded.
But I don´t see sticky mobil logo when I scroll down.

I've updated the CSS here:
https://generatepress.com/forums/topic/gp-autoptimize/#post-2121830

No. Sticky mobil logo doesn´t work.

Try this:

@media (max-width: 768px) {
    #mobile-header.is_stuck .site-logo.mobile-header-logo:not(.page-hero-mobile-logo), #mobile-header:not(.is_stuck) .site-logo.mobile-header-logo.page-hero-mobile-logo {
    display: flex !important;
    }
}

Yes this code works. Thanks for great support.

You are welcome :)