sticky header with GP "Target" demo site

Hi there,

do you want the entire Header to be sticky ie. the top bar, site header and navigation ?

Yes please!

Try this CSS:

@media (min-width: 769px) {
    .top-bar {
        position: sticky;
        top: 0;
        z-index: 99;
    }
    .site-header {
        position: sticky;
        top: 39px;
        z-index: 99;
    }
    .main-navigation {
        position: sticky;
        top: 147px;
        z-index: 99;
    }
}

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

Thankyou very much Leo for the CSS - it worked perfectly :-)
Thanks also to David for responding initially to my question.
Good wishes to you both :-)

Glad we could help :)