Sticky Top Bar instead of sticky menu?

no page cahcing, it must be at your end. I can see the sticky header working here?

Try this CSS:

@media(min-width: 769px) {
    .top-bar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 99;
    }
    #sticky-navigation {
        top: 82px !important;
    }
}

Its set to work on Desktop only, i assumed it wouldn't be wanted on mobile as it takes up a good quarter of the screen....

that's wonderful, thanks so much for your help

You're welcome