Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #752527

    Hey guys!
    I have noted that main menu option for the theme is really touchy and not smooth for sub-menu items only.
    If you hover over WHAT WE DO … it’s annoyingly fast and impacts accessibility negatively…meaning I have to try a few times and be very precise in order to click on a sub-men item. Any thoughts?

    #754222

    Hi Justin!

    Thank you for using Enfold.

    You can adjust the speed but you have to modify one of the parent theme files. Edit the js > avia.js file, look for this code:

    new_menu.find('li').hover(function () {
    			        $(this).children("ul.sub-menu").slideDown('fast');
    			    }, function () {
    			        $(this).children("ul.sub-menu").slideUp('fast');
    			    });

    Adjust the duration. Default value is “fast”.

    // http://learnjavascript.co.uk/jq/reference/effects/slidedown.html

    Best regards,
    Ismael

    #754397

    Understood, thank you. I’ll give it a go…

    #754399

    Thanks, that works better for me. Does the js library with the avia file need to be added to the child theme? How doI prevent this being saved over every time I upgrade the theme? Thanks!

    #754900

    Hi!

    You can adjust the speed BUT you have to modify one of the parent theme files

    I’m sorry but you cannot do this modification in a child theme. I will ask Kriesi if he will consider setting the duration to “slow” by default.

    Cheers!
    Ismael

    #758911

    Hi!
    Great tip, is it possible to make the sub-menus visible all the time?

    Thanks,
    Jörgen

    #760889

    Hi Jörgen,

    You could edit Edit the js > avia.js file and change burger_wrap.click function remove hover handler

    
    new_menu.find('li').hover(function () {
    	 $(this).children("ul.sub-menu").slideDown('fast');
    	   }, function () {
    	  $(this).children("ul.sub-menu").slideUp('fast');
    	   });
    

    and add

    
    new_menu.find('li').each(function() {
    	$(this).children("ul.sub-menu").slideDown('fast');
    });
    

    instead.

    Let me know if it worked for you.
    Best regards,
    Victoria

    #760903

    Thank you that works, however I wanted the sub-menu visible from the start so I got a tip about adding this css instead:

    #av-burger-menu-ul li ul {
    	display: block !important;
    	height: auto !important;
    }

    Best regards,
    Jörgen

    #761732

    Hi Jörgen,

    Thanks for the feedback, so you got everything working as it should now?

    Best regards,
    Rikard

    #761998

    I personally reverted back to the regular menu. I am convinced that hamburger menu is only good for a very simple navigational structure, and not meant for too many sub-menu items.

    #762015

    Hi,

    Let us if you have some question :)

    Best regards,
    John Torvik

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.