Archived topic

Hide header & navigation on desktop view

3 replies · Started by Simon on July 4, 2019

Viewing posts 1–4 of 4

July 4, 2019 at 4:25 am #948685

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

July 4, 2019 at 8:53 am #948995

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

July 4, 2019 at 9:34 am #949046

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

July 4, 2019 at 10:15 am #949095

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

This archived topic is closed to new replies.

Start building better websites today.