Thanks Kyle.

1) Fixed. Incidentally, the permission was 666 – what does this mean and how did it end up with the incorrect setting?

2)

3)Thanks for the explaination. Playing with the row element now. Pretty cool.

4)Thanks, that code does the job for the header text. I used this css to change the mobile menu so that it also shows up on the black header

#logo a.mobile-menu-show {
color: #f5f5f5;
}

It looks like it does the job correctly, or should I have done it differently?

5) Noticed something interesting here while testing the codes above – If I set the header to number 7 ie using the top header text, then the header scales correctly with the logo. If I revert back to header number 6 then the original problem as posted above returns.

6) Worked perfectly

7) Exactly what I was looking for

Thanks Kyle