Sales page header on mobile device

[Gilles]

Hello
For my sales pages, I want to keep the header of my blog.
So I disabled all elements of the page, except the header.
It works well on a desktop.
By cons, for mobiles, I chose to customize the header (with just the logo, without the text of the header, which takes up too much space).
But in this case, on the sales page, the logo doesn’t appears on mobile.
It appears well if I don’t disable the primary navigation bar … what I don’t want (I don’t want a menu on the sales page)
This is logical, because finally, the header of the blog on mobile is the primary navigation bar (with the logo and the menu).
My question: how could I only have the logo on mobile (but without the primary navigation bar, and while keeping the full header on desktop)? And without creating a specific page for mobile …
Thank you for your help
Gilles

[Leo]

Hi there,

Sorry I’m a little bit confused.

So on the linked page, you want to show the logo only but without the mobile menu toggle?

Can you disable your caching plugin first?

Let me know 🙂

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

[Gilles]

Hello Leo
Yes, it’s exactly that. But just for mobile devices (it is ok for destock : header is good)
I can disable caching plugin, but not for a long time…
Thank you

[Leo]

LiteSpeed cache is still enabled.

Can you disable it for now?

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

[Gilles]

yes, it is done

[Leo]

Still activated from what I can see:
https://www.screencast.com/t/1obQF1yv

Can you double check?

Let me know 🙂

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

[Gilles]

I don’t understand… I deactived it… and purge caches

[Leo]

It’s definitely still enabled from what I can tell.

Anyways, can you try removing this CSS so the logo shows?

@media (max-width: 768px) {
    .site-header, #site-navigation, #sticky-navigation {
        display: none !important;
        opacity: .0;
    }
}

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

[Gilles]

where ?

[Leo]

Unfortunately I can’t tell because of the caching plugin activated – it blocks the source of the code.

You didn’t add that CSS at all?

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

[Gilles]

Ok, I will try to find
Thanks Leo
Gilles

[Leo]

No problem.

Let me know if you need another look 🙂

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

[Gilles]

I don’t find… but I found that on the web : https://gist.github.com/generatepress/282078076cd8631c17717d5b8640c043#file-gistfile1-txt

So it seems to be a Generate Press file … but which one ???

[Leo]

Nope that’s not a file in the theme – just a snippet used to change the breakpoint.

Can you disable all plugins except GP Premium for now?

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

[Gilles]

No, I can’t
That doesn’t matter
Thanks
Gilles

[Author]

Posts