I've been having this problem for some time now, and can't seem to figure it out.
Basically, when I preview my website, or even upload it and view it on Chrome on Windows, the layout seems fine, but when I view it on Safari on a Mac or on a screen larger than my laptop the layout changes and content seems to be pushed down.
Here is a couple of pictures to illustrate the problem.
When I reduce the size of the browser window:
When I increase the browser window size:
I feel like this may have to do with my header and footers, but I just can't seem to figure out the problem. Also, it's difficult considering I only have a Windows laptop at home and can't see the results on a Safari browser till I get to work.
Any help is appreciated.
Would you mind to reduce your site as much as possible (to simplify data transfer and isolate potential issues), upload it to Dropbox or a similar service and post the download link here? then we can have a closer look.
How would I go about reducing the site? Deleting all content?
Not all, but most of.