[Support request] Hide header & navigation on desktop view

[Simon]

Hi guys

I would like to hide the header & navigation on this home page https://www.welshgames.co.uk for Desktop view only (780px +), but keep it for mobile view.

I only want to hide it on the homepage desktop view, not the rest of the site.

Is there anything you can do to help, I cannot seem to find anything on the forum.

Thanks
Simon

[Leo]

Hi there,

Try this CSS:

@media (min-width: 780px) {
    .site-header, .main-navigation {
        display: none;
    }
}

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

Let me know 🙂

[Simon]

Thanks Leo, thanks for the quick reply, works great! 🙂

I have moved the video up a bit using -50px in the margin to hide the navigation bar on desktop, which works fine, as I would like it still to be there on scroll, but would there be a better css work around for this?

Thanks
Simon

[Leo]

Something like this?
https://docs.generatepress.com/article/show-sticky-navigation-only/

[Author]

Posts