Return to previous page

Mega menu mouse hoover problem – Niche market template

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

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.

#235584 Copied Theme version: 6.3.2.

5 Answers
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
#235622 Copied
Mladen

Participant

May 4, 2020 at 17:09

Perfect thanks! It works.

#235650 Copied

Rose Tyler

Support staff

May 5, 2020 at 07:36

You’re welcome!

Regards

#235706 Copied

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?

#235878 Copied
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
#236115 Copied
Viewing 6 results - 1 through 6 (of 6 total)