I think I am getting closer. I changed it to read:
.site-header {
position: fixed;
width: 100%;
}
This does make the fixed header stretch across the top again. The only problem now is that the text is scrolling over the top of the header. Really weird!! I have to find some way to both move the text below the header. In progress on my guessing until someone helps me out! He, he, he.