Navigation
Archive / Drop-down menu appearing on click, instead of on hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 10, 2016 at 7:46 pm #1126461
    natedeezy
    Participant

    Hi X-team,

    I have drop-down menus in my navigation that appear on hover. However, for some reason they are appearing on click, instead of on hover (I want the drop-downs to appear on hover). Can you help me fix this?

    I’ve added my own css to style the header but it has been functioning properly for months now. I’ve tried removing all the custom css and the problem persists, so I do not think my code is causing the issue. I’ve tried removing my java script as well and this too has no effect.

    What can I do to fix this?

    Thanks,
    Nate

    August 10, 2016 at 7:47 pm #1126468
    natedeezy
    Participant
    This reply has been marked as private.
    August 10, 2016 at 8:08 pm #1126486
    natedeezy
    Participant

    After doing some more research it looks like this may caused by Windows 10 (as the drop-downs work fine on my mac). It’s treating the hover state in the menu (on my windows laptop, which is not a touch screen) as a tap event I believe. Is there a java script work around for this?

    Thanks,
    Nate

    August 10, 2016 at 8:11 pm #1126490
    natedeezy
    Participant

    Ok so I added this line of code:

    .x-navbar .menu-item:hover .sub-menu{
    display:block !important;
    }

    and it’s working now…. lol

    Darn windows 10.

    Thanks,
    nate

    August 10, 2016 at 11:12 pm #1126696
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1126461 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>