[Resolved] Sales page header on mobile device

[Leo]

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/

[Gilles]

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

[Leo]

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 🙂

[Gilles]

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.

[Leo]

Thanks 🙂

Is the mobile header option activated currently?

If so can you deactivate it for now?

Let me know 🙂

[Gilles]

Yes it was activated
I just deactivate it

[Leo]

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 🙂

[Gilles]

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

[Leo]

No problem.

Glad I could help 🙂

[Gilles]

Good Bye
Best regards
Gilles

[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

[Leo]

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 🙂

[Gilles]

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

[Leo]

No problem 🙂

[Author]

Posts