Mega menu mouse hoover problem – Niche market template

This topic has 6 replies, 2 voices, and was last updated 3 years, 9 months ago ago by Rose Tyler

  • Avatar: Mladen
    Mladen
    Participant
    May 4, 2020 at 13:41

    Hello,

    I have a small issue with Mega menu in Nihe template. Mega menu appear on hover, but it is drawn from the top of the menu. When i hover cursor, menu is drawn as usual from the top, but dissapear when i remove mouse from menu item, and i cannot reach the actual mega menu that appear it with mouse to click item, because there a physical space between menu item and mega menu that appear.

    Sorry for stupid explanation, better just try it for you.

    Try to click on menu on item “ЧАШИ” and try to click on on the items that appear – i cannot reach it physically with mouse and it dissapear when i move the mouse.

    I will need to have lots of items in the main menu, maybe 5-6 more, with 2-3 items in them, so menu draw from the top does not work in my case.

    Any idea how to fix/bypass this? Is there a option to select where menu start drawing point is or some time out maybe?

    P.S.:For example in this site: https://www.uprinting.com/
    When menu appear, it appear form the menu item line, not from the top of the menu, i want this appearance in my site.

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 4, 2020 at 14:45

    Hello Mladen,

    Add the next code in Theme Options > Theme Custom CSS:

    .secondary-menu-wrapper .menu > .item-design-mega-menu .nav-sublist-dropdown {
        top: auto !important;
    }

    Regards

    Avatar: Mladen
    Mladen
    Participant
    May 4, 2020 at 17:09

    Perfect thanks! It works.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2020 at 07:36

    You’re welcome!

    Regards

    Avatar: Mladen
    Mladen
    Participant
    May 5, 2020 at 13:20

    Actually, i now notice that does not fix issue intirely… See the screenshot.

    https://www.imageupload.net/image/DeiCK

    Anyway to keep hover menu in the screen bounds all the time?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 6, 2020 at 07:39

    Hello Mladen,

    Add this code also –

    .et_b_header-menu .secondary-menu-wrapper .menu > li:nth-last-of-type(1) .nav-sublist-dropdown,
    .et_b_header-menu .secondary-menu-wrapper .menu > li:nth-last-of-type(2) .nav-sublist-dropdown,
    .et_b_header-menu .secondary-menu-wrapper .menu > li:nth-last-of-type(3) .nav-sublist-dropdown {
        bottom: 0;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.