Problem with responsive menu

Here I have a similar problem. I have put the site on a stage server here:
www.devoti-kuenne.com/stage/DRVS/

When I load the site on an iPhone I see the "regular" menu.







When I scale down the browser window the drop-down menu is shown.

Actually I would like to see only the Dropdown Menu when the site is accessed by a mobile phone…

Try removing this :

<meta name="viewport" content="width=device-width, initial-scale=1.0">

from head section of index.php of template

Unfortunately this is not the solution.
Doing so will show the site "non-responsive". The drop-down menu isn't visible at all:

And if you use just:

<meta name="viewport" content="width=device-width">

No. Unfortunately this also doesn't work…

Open templates/hot_explorer/js/responsive_menu.js

add this code at very bottom:

jQuery(window).load(function(){
jQuery(window).trigger("resize");
setTimeout(function(){
jQuery(window).trigger("resize");
},300);
});

refresh few times after