My site not displaying correclty on mobile tablet device

Noob here again to torment all you advanced coders : /

I got my site tweaked and looking great on my PC.
I walked the streets with my shoulders high and my head up proud, until I viewed my site on my friends iPad last night.
The whole thing compresses the menu over the top of my custom header banner. It now looks rubbish to say the least.
I would just be happy if the site loaded up the same as it looks on my PC screen, obviously looking smaller but everything in the same place.
I have been through the theme settings for hours here trying to find what I missed. here is the url http://www.fineurban.com
Anyone any ideas what box I need to tick. ?

thanks for your replies