Menu in mobile doesn't work

Morning,

I bought this template...Music Band Template but when I tried to access the page via mobile the menu
is showing just for few seconds but then is hidden and I cant access to the other menu links. I have the mobile options Responsive Behaviour and menu are enabled. Using Joomla 3.2. domain: papayera.co.uk

Thanks for your help!

See this:

www.hotjoomlatemplates.com/support-forum...t-work?start=6#34948

apply solution form post #34948


Upload any image you want under this location:

templates/hot_music_band/images/tinynav.png


also open:

templates/hot_music_band/js/responsive_menu.js

and this line:

if(topMenuWidth > topMenuContainerWidth) {

change to:

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

Hi,

I have this code from the file responsive_menu.js . Where should i change the line? Thanks!

function menutransform(menuTriggerValue){



//var topMenuContainerWidth = jQuery("div.cell").has("ul.navh").innerWidth();

//var topMenuWidth = jQuery("ul.navh").innerWidth();

//jQuery("ul.navh").css("min-width",topMenuWidth);



var screenWidth = jQuery(window).width();



if( screenWidth < menuTriggerValue ) {



jQuery(".tinynav").css("display","block");

jQuery("ul.navh, ul.navv").css("display","none");



jQuery("ul.navh, ul.navv").tinyNav({

active: 'current', // String: Set the "active" class

header: 'Navigation', // String: Specify text for "header" and show header instead of the active item

});



}

else

{

jQuery(".tinynav").css("display","none");

jQuery("ul.navh, ul.navv").css("display","block");

}

}

You don't have to do there nothing because in that template similar approach is already applied (I missed that). Only if you have problems with point where menu transforms to responsive menu you can override value of

menuTriggerValue

before this line

if( screenWidth < menuTriggerValue ) {

Hi,

Can you give an examples how to override the value in that line. At the moment is not working as i explained to you. Thanks!

//for example 940 is width of screen when menu should transform:

menuTriggerValue = 940;
if( screenWidth < menuTriggerValue ) {