Problem with responsive menu

Doesn't work either.

I don't know if this helps or has something to do with it:
when I open the site on my desktop-computer on a big screen, and I scale the browser window down (narrower than abot 980px in width), the regular menu turns into the drop-down-menu. Now, when I go to a different page on that site, the drop-down-menu turns back into the regular menu – what should not happen as the browser window is still scaled down.

Try:

jQuery(window).load(function(){
menutransform();
setTimeout(function(){
menutransform();
},300);
});


also in that same file:

if(topMenuWidth > topMenuContainerWidth) {

you can try to replace this with:

if(jQuery(window).width() < 768) {

change 768 to needs

Now this looks much better. We're almost there.

There is only one strange thing happening: when loading the page I see 3 dropdown menus:





Now, when I scroll down and then up again I see only one:




I tested this on an iPhone 5s… But I can see the same on a desktop browser like firefox in a narrow window…

Change this line:

if(jQuery(window).width() < 768) {

like this:

if(jQuery(window).width() < 768 && !(jQuery(".tinynav:visible")[0])) {

We are getting closer

Now I have only 2 dropdown-menu-icons when loading the page:

try like this instead:

if(jQuery(window).width() < 768 && !(jQuery(".tinynav")[0])) {