Return to previous page

Megamenu issues: in xstore "all departments" closing too fast + height limit

This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago ago by Krzysztof

Krzysztof

Participant

April 3, 2021 at 22:27

Is there a way to keep submenu (“all departments”) opened for a second or two or until i move mouse to the next menu item.

please have a look here: https://gyazo.com/25c8fa6a13c6c613bf4cd057aaa67fdf
if this is not just a move from left to the right, there is no way to move mouse to submenu. Any other “path” of the mouse immediately closing submenu without giving a chance to click on any link/pic 🙁

I did tried to apply this: https://www.8theme.com/topic/show-megamenu-with-transition/ with small change to keep fading for 1.5 s but unfortuanletlly putting mouse pointer above already fadeing-out window does not stop it.

Second question is related most probably to elementor itself but maybe you will have an idea 🙂
it’s about max height of “Categories Masonry” which I’m using in my All departments menu. in some cases I would like to have it more “compact” 🙂 let’s say max height as my all depts menu is … se here: https://prnt.sc/113gc20 … idea is to have entire content of submenu above a red line = resolution of pictures could be scaled down to fit above the line 🙂 is it possible somehow ?

Please, contact administrator
for this information.

#282469 Copied Theme version: 7.2.6

2 Answers
Olga Barlow

Participant

April 6, 2021 at 10:47
Hello,

We have 2 ways to fix the mentioned issue:
1) Set the min-height for all the mega menus using the below custom

.et_b_header-menu.et_element-top-level .secondary-menu-wrapper .item-design-mega-menu .nav-sublist-dropdown{ min-height: 502px; }

And change the categories min-height according to your needs to fill all the mega menu area https://prnt.sc/115lyzy

Or

2) Reposition the mega menu vertically on 50%

.secondary-menu-wrapper .menu li.menu-item-has-children > .menu-static-block { transform: translateY(-50%); } .secondary-menu-wrapper .menu > .item-design-mega-menu { position: relative; }

I added the custom code of the 1 way to child theme style.css to show you how it looks
But if you don’t like it then choose the most suitable way for you.

Regards
#282775 Copied
Krzysztof

Participant

April 6, 2021 at 20:22

thank you .. this helps a lot 🙂

#282884 Copied
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Megamenu issues: in xstore "all departments" closing too fast + height limit’' has been successfully resolved, and the topic is now closed for further responses

Megamenu issues: in xstore "all departments" closing too fast + height limit

Explore our best WordPress WooCommerce Themes collection