Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 18, 2019 at 12:28 pm #1055424
    raslade

    Hi there

    I’ve built a site but can’t seem to fix one of the menus that i’ve customised. Currently the About us menu when you hover the sub menu appears slightly later. I’d like the two to interact seamlessly if possible (transition in and out)

    Thanks
    Richard

    January 18, 2019 at 6:07 pm #1055567
    Nikko

    Hey Richard,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    January 22, 2019 at 9:46 pm #1057454
    raslade

    Hiya

    OK here’s the login

    Richard

    January 28, 2019 at 10:29 pm #1059807
    Basilis

    Hi,

    Please take a look now after clearing your cache – let me know if it works out.

    Best regards,
    Basilis

    January 29, 2019 at 3:25 pm #1060042
    raslade

    Hi there

    I’ve cleared the cache but can’t see any change?

    Richard

    February 2, 2019 at 2:17 am #1061817
    Nikko

    Hi Richard,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #avia-menu li:hover > .sub-menu {
    opacity: 1 !important;
}

    Let us know if this helps.

    Best regards,
    Nikko

    February 2, 2019 at 1:55 pm #1061982
    raslade

    Hi Nikko

    Great thank you — that’s fixed the animation going in. Could you give me a fix for when it animates out of the hover as there’s still a disparity between the two parts of the menu?

    Richard

    February 4, 2019 at 6:02 pm #1062765
    Nikko

    Hi Richard,

    Try adding this code on top of the last code I gave:

    #top #avia-menu .sub-menu {
    opacity: 1 !important;
}

    Best regards,
    Nikko

    February 4, 2019 at 8:46 pm #1062845
    raslade

    Hi Nikko
    Ok i’ve added both now 

    #top #avia-menu li:hover > .sub-menu, #top #avia-menu .sub-menu {
    opacity: 1 !important;
}

    and although the animation has no transition now the delay between the two is still there.

    Richard

    February 7, 2019 at 12:31 pm #1064065
    Nikko

    Hi Richard,

    My bad, I put the wrong code it should be 0 opacity, the whole code should be:

    #top #avia-menu .sub-menu {
    opacity: 0 !important;
}

#top #avia-menu li:hover > .sub-menu {
    opacity: 1 !important;
}

    Best regards,
    Nikko

    February 7, 2019 at 2:26 pm #1064136
    raslade

    No problem, just glad it can be done via CSS and not Javascript changes. Excellent support as always thank you.

    February 7, 2019 at 7:43 pm #1064270
    Jordan Shannon

    Hi,

    Glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Main and sub menu transition timing’ is closed to new replies.