Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1184038

    Good day,

    I’m in the process of building a new site and I’m having some issues figuring out how to delay the transitions of sub-menu items.
    Right now the sub-menu’s drop down instantly and I would like some delay added.

    Searched your forum and found this from 2015, but I guess there has been some updates since then:

    I’m also wondering if it is possible to get the submenu items to open up in a new flyout, see example website in private.

    #1184215

    Please let me know if more information is needed 🙂

    #1184368

    Bump..

    #1184524

    Hi Steffan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .html_av-overlay-side .av-burger-overlay-scroll {
        -webkit-transition: all 1.5s cubic-bezier(0.75,0,0.25,1);
        transition: all 1.5s cubic-bezier(0.75,0,0.25,1);
    }
    

    Please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1184585

    Hi Victoria,

    Understood, thank you for your reply.

    This code makes the burger-menu fly-out go slower, what I was wondering is how to make the sub-menus expand with a delay.

    If you check the menu and try to hover over the menu items you can see that the sub-menus are being displayed so quickly that its not practical. For example below the menu item “Turneringsinfo”.

    Have you also been able to check my 2nd request regarding sub-menu also being fly-outs?

    Thank you for your assistance.

    #1185404

    Hi,

    I have made a picture of how I see it working (based on the example website in my first post), hope this gives you the information you need to support me further.

    Kindly awaiting you assistance.

    #1185605

    Hi,

    Thank you for the update.

    You can adjust the speed of the sub menu transition, but you have to modify the js > avia.js file. Look for this code around line 1225:

    if(parent.is('.av-show-submenu'))
    			{
    				parent.children("ul.sub-menu").slideDown('fast');	
    			}
    			else
    			{
    				parent.children("ul.sub-menu").slideUp('fast');	
    			}
    

    Replace fast with slow or add a duration value in milliseconds. Default speed is 400ms.

    // https://api.jquery.com/slidedown/

    Best regards,
    Ismael

    #1185662

    Hi Ismael,

    Thank you for your reply.

    Have you been able to check my main request regarding flyouts also for sub-menus?

    Best regards,
    Steffan

    #1186584

    Hi,

    Unfortunately, creating the flyouts submenu effect is not available with the default burger/mobile menu. It’s possible, but it will require significant amount of modification that is beyond the scope of support. You’ll have to contact a freelance developer to modify it or use a third party plugin like Ubermenu and use it in place of the default menu.

    Thank you for your understanding.

    Best regards,
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.