I tried again with the unedited template.........
I opened the template Palerno Hotel and made no changes whatsoever to it. I previewed it in all modes and in all browsers, and it worked perfectly.
I then uploaded the HTML files to a sub-directory of 2 different websites I run (hosted separately with different hosts). I uploaded the files with both Dreamweaver and TT.
In EVERY case, the home page does not view correctly on either my iphone or iPad. The header image, which should stick, does not - it scrolls with the page. Also the image is zoomed in and stretched so much it just looks a blur.
It views perfectly well on my laptop. As I make the window smaller on my laptop to resemble tablet or mobile, it continues to work perfectly, scaling down to tablet and mobile size, with the toggle menu appearing correctly as I reduce the size of the window.
I've asked other people to check the uploaded webpages, and they confirm the problem when viewing on mobiles and tablets.
I then discovered that the corrupted view on tablets and mobiles is exactly like it would be if I had selected the Scroll feature on the Body tab (body scrolling with page), but the default option of Fixed (body not scrolling with page) was selected. So I tried again....... I opened the template again, selected Scroll, then switched back again to Fixed. Then I uploaded the files again, but the same problem exists.
Maybe somebody who's used this template and uploaded the HTML files had the same problem??
Or can somebody please try uploading Palerno Hotel by HTML to confirm that I'm not either stupid, or going that way!! 
Please help!!
Cheers