Try commenting out the following code in js/main.js file.

/* Video overlapping fix */

jQuery(document).ready(function(){
jQuery('iframe').each(function(){
var url = jQuery(this).attr("src");
if(url.indexOf("?")>0){
jQuery(this).attr("src",url+"&wmode=transparent")
}else{
jQuery(this).attr("src",url+"?wmode=transparent")
}
});

});

I am not clear about the issue. Can you please provide the site url?

Can you please provide more details as to what is exactly not working so that we can check it out.

Good to know that. Can you please tell how you fixed it so that I can make a note of it.

Putting a “#” on a menu link which isn’t supposed to be a link is a standard practice and I would suggest that you retain that. Moreover the menu is dynamically generated so you cannot edit it easily.

What we can do is apply a css so that the mouse pointer changes so that it doesn’t look clickable. You need to apply a class called nonclickable to the top menu items. You may need to enable “CSS Classes” in the “Screen Options” visible at the top right on admin section for the option to appear.  After that you need to add the following style in custom css.

.nonclickable a
{

cursor: default;
}
.nonclickable ul a
{

cursor: pointer;
}