Hot One Page Template - Mobile Issues SOLVED

Hello,

We are using the Hot One Page template for our website and LOVE it!

The only trouble we are having is getting it to display correctly on Tablets and Phones.
Anyone else run into this issue? All my devices are IOS, so I can only speak from that perspective.

Any help or advice would be greatly appreciated as I am kinda new to this.
Our website is Thanks so much for listening.

All the best!
- Jason Day

Also I should mention that the responsive settings in the template manager are enabled.
Thanks!

What is actual problem ?

This is what the site looks like when it loads on my computer.

This is how is loads on my iPhone 5.

This is what happens if I zoom out on my iPhone 5.

And finally, this is what it looks like on my iPad.

So what I would like to know is how to make it display correctly on all devices. I know it will look slightly different but we need it to be a least usable.

Thanks so much for all your help.
And Sorry I wasn't clear before.

All the best.
- Jason Day

Open:

templates/hot_one_page/js/responsive_menu.js

replace:

if(topMenuWidth > topMenuContainerWidth) {

with:

//if(topMenuWidth > topMenuContainerWidth) {
if(jQuery(window).width() < 1140) {

Thanks so much ivan.milic! Your advice worked great for fixing the responsive tabs problem.
We are still having the other problem with the pictures not adjust to the screen size of the mobile devices.
If you look at the pictures I posted above, you can see what I mean.

This is probably not be a template issue. It may just be my lack of html knowledge because I notice that the template demo adjusts fine. Any help someone could offer with this remaining problem would be great!
Thanks so much in advance.

All the Best.
- Jason