Archived topic

Hide mobile header on homepage

3 replies · Started by Matthew on January 7, 2021

Viewing posts 1–4 of 4

January 7, 2021 at 7:57 am #1609709

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.

January 7, 2021 at 10:35 am #1609926

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/

January 11, 2021 at 3:17 am #1614097

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?

January 11, 2021 at 5:51 am #1614218

Hi there,

can you share a link to the problem page?

This archived topic is closed to new replies.

Start building better websites today.