Avada Forums Community Forum Submenu Disappears too fast

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • roidimitris
    Participant
    Post count: 1

    Is it possible to make the submenu disappear slower than it does now? I mean it does disappear as soon as you stop hovering the menu. Is there any way to add delay to that? Thanks for this awesome theme!

    reqman
    Participant
    Post count: 1

    Has there been a solution to this issue?
    Would be interested to know how to do this, as well!

    marklchaves
    Participant
    Post count: 873

    Agreed. Don’t know how to implement this in Avada. The menu elements are pretty nested.

    But, here’s a minimalist example showing that it can be done. With CSS only no less.

    
    /* Here's the delay code for the submenu. */
    
    li ul {
      opacity: 0;
      transition: all 0.5s ease 1.5s;
    }
    li:hover ul {
      opacity: 1;
      transition: all 0.5s ease 0s;
    }
    
    

    Full code & live demo here https://codepen.io/marklchaves/pen/KKKWGma

    elmariachi5150
    Participant
    Post count: 5

    Same problem here. Anyone with a solution?

    Brandingbox
    Participant
    Post count: 3

    I’ll join in. Hopefully this age old problem could be solved?

    masterplan2811
    Participant
    Post count: 1

    Using the V7.1.1 version I have solved this problem by putting 123 into the “Z Index” field of the header in the edit section.

    tamera
    Participant
    Post count: 3

    Good morning, I am having the same issue and can’t find a solution working on my V.7.2.1.

    If you have solve your issue, can you please explain how you did that ?
    I am not a developer but I think I can solve the problem if you give me a hand.

    Thanks in advance
    Best regards

    nirms
    Participant
    Post count: 1

    Hi all,

    I hope you are doing well. I don’t have a solution but a workaround to this problem. I have removed the space between the submenus that helps me hover over the submenus without them disappearing quickly. I hope this helps; however, I do believe it is a transition-related issue. If transition (out) is prolonged, you should be able to hover over the sub-menus easily. I will add that solution to this thread once I get the solution working.

    
    .fusion-main-menu .sub-menu li {
        width: 100%;
        padding: 2.5% 5%;
    }
    

    Regards,
    Savi

    endri
    Participant
    Post count: 1

    Hi there, I’ve got the same problem but with cart in main menu. Here is my simple workaround:

    .fusion-custom-menu-item-contents {
    margin-top: -20px;
    }

    Using negative margins will pull up dropdown menu and fill the gap where cursor looses glue 🙂

    .fusion-main-menu .sub-menu {
    margin-top: -20px;
    }

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