[Support request] Hide mobile header on homepage

[Matthew]

Hi,

Is there a way to hide the mobile header only on the homepage?

I use a page builder for the homepage and have a custom-designed header that I want to display. But I don’t want it to show on the rest of the site because it affects page speed.

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    body.home #mobile-header {
        display: none !important;
    }
}

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

[Matthew]

Thanks Leo.

That code hides the mobile header selected in generatepress on the home page, but unfortunately also hides the page builder custom header that I’m trying to set for the home page on mobile.

Is there any way around this?

[David]

Hi there,

can you share a link to the problem page?

[Author]

Posts