I’d love to disable the dropdown effects too. Anyone know how?
Hi folks!
seems to be not so easy to do…
sub-menu animation is triggered by js script located in Tempera “/js/frontend.js”, in section starting line 45.
I’m not so sure it can be overridden by this modified js in your child theme.
As a last resort, you can modify the Tempera js file, but keep in mind it can be overridden during a future update.
Try to change this:
jQuery("#access li").hover(function(){
jQuery(this).find('ul:first').stop();
jQuery(this).find('ul:first').css({opacity: "0",marginTop:"50px"}).css({visibility: "visible",display: "block",overflow:"visible"}).animate({"opacity":"1",marginTop:"-=50"},{queue:false});
},function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "block",overflow:"visible"}).animate({marginTop:"+=50"}, {queue:false}).fadeOut();
by this:
jQuery("#access li").hover(function(){
jQuery(this).find('ul:first').stop();
jQuery(this).find('ul:first').css({opacity: "0",marginTop:"50px"}).css({visibility: "visible",display: "block",overflow:"visible"}).css({"opacity":"1",marginTop:"-=50"},{queue:false});
},function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "block",overflow:"visible"}).css({"opacity":"0"marginTop:"+=50"}, {queue:false});