To make the header sticky you can use JavaScript or jQuery to ‘detach’ the header when the user scrolls down by some set amount. The JavaScript just needs to give the header div ‘position: absolute’ and some parent element position
: relative’. The body being relative already may be fine. You probably won’t need to position it with ‘top’ and ‘right’ and ‘left’, it will just sit at the top of the page by default.

You could also make the header static and always absolutely positioned so it isn’t a part of the page but sitting over it, and put a white div placeholder behind it so content can’t scroll up behind and be hidden.

I did try that menu plugin but it stopped the homepage slideshow working so uninstalled it. As you your other suggestions, I’m not a developer so they go straight over my head!

Thank you anyway!