Archived topic

Hide Menu and Logo on Front Page

7 replies · Started by Sebastián on November 18, 2017

Viewing posts 1–8 of 8

November 18, 2017 at 11:40 am #427679

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

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 :)

November 18, 2017 at 2:38 pm #427748

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;
    }
}

November 18, 2017 at 2:59 pm #427756

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.

November 18, 2017 at 4:02 pm #427776

Ah sorry I got that code wrong.

Try this:

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

November 18, 2017 at 4:06 pm #427777

I put it but nothing happens.

November 18, 2017 at 4:24 pm #427783

Edited the code.

November 18, 2017 at 4:35 pm #427785

Now it works thanks Leo!

November 18, 2017 at 7:24 pm #427867

No problem!

This archived topic is closed to new replies.