Sales page header on mobile device

It's really difficult for me to debug like this - especially with the caching plugin still turned on.

Have you added any CSS anywhere?

Check the 3 options mentioned here:
https://docs.generatepress.com/article/adding-css/

The cache plugin was off !
I'm sure I deactived it.
Now I active it.

Sorry but when I checked everytime it was activated.

Can you please deactivate it again?

Did you check the three places for the CSS yet?

We will work through this.

Let me know :)

Okay !
I found: I had disabled the cache plugin ... but that was not enough ...
I just disabled Lite Speed Cache on the server side. And it's ok now.

Thanks :)

Is the mobile header option activated currently?

If so can you deactivate it for now?

Let me know :)

Yes it was activated
I just deactivate it

Ok so currently, this is the header layout on mobile:
https://www.screencast.com/t/2ZwnJQHGQ

So you only want to keep the logo and remove the red part? If so this CSS should work:

@media (max-width: 768px) {
    body.page-id-19156 #masthead.site-header {
        display: block !important;
        opacity: 1;
    }
    body.page-id-19156 .site-branding {
        display: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

It works !
You are the best
Sorry for the problem with cache
Thank you very much !

No problem.

Glad I could help :)

Good Bye
Best regards
Gilles

I spoke too fast ... because it works with mobile header off ... but not with mobile header on... and for the blog pages I want mobile header is on

I've added some CSS here:
https://generatepress.com/forums/topic/sales-page-header-on-mobile-device/page/2/#post-1020943

Can you give it another shot?

Let me know :)

Yes !
Now it works perfectly
This time I leave you quiet
Thanks
Gilles

No problem :)