Navigation
Archive / Megamenu Opens Away from Menu Item
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 30, 2016 at 12:08 pm #1066974
    Ali
    Participant

    Hey,

    I was wondering if someone could run a second set of eyes by this. I set up a megamenu for the Scorecards submenu on the header. I set the megamenu CSS width to be 70% because I don’t need all the additional whitespace. Is there any way to get this submenu to appear directly beneath Scorecards?

    Muslims Vote

    Thanks!

    June 30, 2016 at 1:23 pm #1067093
    Prasant Rai
    Moderator

    Hello Ali,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    ul.sub-menu {
    left: 400px !important;
}

    Thanks.

    July 1, 2016 at 12:02 pm #1068591
    Ali
    Participant

    Thanks for the help!

    I seem to have broken the menu dropdown on hover somehow in the process. I don’t even think it has to do with the CSS I’m using 🙁

    July 1, 2016 at 1:01 pm #1068662
    Joao
    Moderator

    Hi There

    Your website seems to be working fine, could you please provide more details and if possible a screenshot of the issue.

    Thanks

    Joao

    July 1, 2016 at 1:37 pm #1068705
    Ali
    Participant

    Sure, the problem I’m describing happens when you move your cursor over the menu. Normally the submenu would just drop open, but for some reason now I have to click before this happens.

    EDIT: I looked from another PC with a larger screen and it seems to work fine. Is this something that is happening because of the responsive design? If so, how can I enable the site to fully function on smaller PC screens?

    July 1, 2016 at 2:45 pm #1068770
    Joao
    Moderator

    Hi There,

    I can´t replicate the issue on my end.

    I tested on Chrome and Firefox and it is working on both, I don´t see this being related with the size of the screen.

    Would mind testing in another browser.

    Thanks

    Joao

    July 1, 2016 at 3:19 pm #1068806
    Ali
    Participant

    Hey,

    I did some troubleshooting and it’s definitely a Firefox problem for me. I tried clearing the cache, running with add-ons disabled, and restarting the PC. Still the same problem 🙁

    July 1, 2016 at 3:24 pm #1068813
    Joao
    Moderator

    Hi There

    It worked fine on Firefox PC on my End.

    Try re-installing Firefox.

    Hope that helps

    Joao

    July 1, 2016 at 3:33 pm #1068826
    Ali
    Participant

    I was able to resolve the issue using this code.

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

    Worked like a charm!

    July 1, 2016 at 3:37 pm #1068830
    Joao
    Moderator

    Hi There,

    I am glad you found a solution.

    Let us know if you need help with anything else.

    Thanks

    Joao

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