[Resolved] Hide Menu and Logo on Front Page

[Sebastián]

Hi, I would like to hide the menu and the logo ON MOBILE and only on a specific page.

Screenshot: https://i.imgur.com/SmNaU4Q.png

Already hide it on desktop and tablet.

Also, I would like to center the logo and the menu on mobile.

Thanks! Im starting a new website with your awesome theme 🙂

[Leo]

Hi there,

Disable the mobile header that’s currently activated: https://docs.generatepress.com/article/mobile-header/

Then add this CSS to hide the normal header:

@media (max-width: 768px) {
    .site-header {
        display: none;
    }
}

[Sebastián]

I just want to disable the mobile header in one page, this one: https://sebastiancardozo.com/

If i do that the header is disable on every single page.

[Leo]

Ah sorry I got that code wrong.

Try this:

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

[Sebastián]

I put it but nothing happens.

[Leo]

Edited the code.

[Sebastián]

Now it works thanks Leo!

[Leo]

No problem!

[Author]

Posts