Speed up main menu?

[3lias]

I am using Mega Menu. It seems not to work with it. Either the JS adjustment and the CSS.

[David Martin – Support]

@3lias – If using the mega menu, please open functions.js, on line 1030, find this and change the speed (decrease it):

megaMenu: function() {
jQuery('#main-navigation .menu').dcMegaMenu({
	rowItems: '5',
	speed: 200,
	effect: 'fade',
	fullWidth: true
});

.

… and then let me know your site URL – you may also need to CSS3 transition changed slightly differently.

[3lias]

I tried different settings (1-199) but the speed was always the same. Right now the page is only on localhost. Maybe it goes hand in hand with the CSS3 transition you have mentioned!?

[Rui Guerreiro – SUPPORT]

Hi,

Any chance you can put the site online so we can be able to check it?

-Rui

[3lias]

Right now the site is only locally accessible but as soon as it gets online I’ll post an update.

[David Martin – Support]

Ok thanks – please add FTP details also.

– David.

[shanewithers]

For anyone else looking to accomplish this I’ve been able to speed up the menu by editing the theme-scripts.js file in the themes/dante/js folder and looking for the following string ” defaults.event==’hover’ ”

You should find the following code;

var config = {
    sensitivity: 2,
    interval: 100,
    over: megaOver,
    timeout: 400,
    out: megaOut
};

Interval is the rate at which a hover is checked and submenu appears so decreasing it will speed up the menu showing up, timeout is the delay that the menu remains open and decreasing it will speed up it vanishing.

Hope this helps someone.

[David Martin – Support]

Thanks Shane for the feedback.

– David.