Return to previous page

All departments menu submenu hides when mouse away

This topic has 13 replies, 3 voices, and was last updated 2 years, 11 months ago ago by xstoruser

xstoruser

Participant

April 30, 2021 at 23:46

dear,

i need to replace menu hover to open submenu in all departments with click to open for submenu, i have selected the OPENED BY CLICK option from the visibility in all departments settings, but the submenu hides when the cursor is away.

Thanks

Please, contact administrator
for this information.

#285974 Copied Theme version: 7.2.7 WooCommerce version: 5.7.1

12 Answers

Rose Tyler

Support staff

May 1, 2021 at 07:09

Hello,

Could you, please, record a video of the problem?
Thanks in advance.

Regards

#285982 Copied

xstoruser

Participant

May 1, 2021 at 12:03

https://files.fm/u/rrzzc9jgm

#286022 Copied
Rose Tyler

Support staff

May 1, 2021 at 12:12
Hello,

Thanks for the video.
Add the next code in Theme Options > Theme Custom CSS > Custom CSS for desctop:
```
.secondary-menu-wrapper .menu > .item-design-mega-menu .nav-sublist-dropdown {
    top: auto;
}
```
Regards
#286025 Copied
xstoruser

Participant

May 1, 2021 at 16:45

i have added the following code but the sub-menu still hides immediately when the cursor is away from the all departments menu.

i want to open all departments menu and it’s sub menus by click and not by hover.

Thank you

#286065 Copied

Robert Hall

Support staff

May 2, 2021 at 07:52

Hello

As for open submenu by click issue is concerned you can change the setting by going to Dashboard > Appearance > Menu and click on Mega Menu Option https://prnt.sc/12ds5ga then select the desire setting https://prnt.sc/12ds46f

If this doesn’t work or you have more questions, just let me know, and I’ll be happy to help!

Robert Hall
Customer Support

#286089 Copied

xstoruser

Participant

May 2, 2021 at 15:27

Dear,

Thank you for your reply, another problem appeared is that when i click on multiple items in the menu, several submenus are showing above each other instead of closing the previous submenu and a new submenu opens on new selection.

#286131 Copied

Robert Hall

Support staff

May 3, 2021 at 08:11

Hello

It is because of choosing Open sub menu by click if you choose hover effect with sub-menu it will automatically close previous menu.

Robert Hall

#286175 Copied

xstoruser

Participant

May 3, 2021 at 15:40

Dear,

please watch the video again, if you select the last menu item and can reach it’s sub menu or not. please watch the video again and again and use the website link to test by yourself.

#286215 Copied

Robert Hall

Support staff

May 4, 2021 at 09:09

Hello

Yes i watch your video again and add a small css code in additional css.

I change the Canned Food Sub-menu To Hover and see the result sub menu is working fine according to your requirements. https://prnt.sc/12gqsnj

Robert Hall

#286274 Copied

xstoruser

Participant

May 4, 2021 at 12:19

Dear,

Please share the code added. that’s what i was looking for.

Thank you!

#286302 Copied
Robert Hall

Support staff

May 4, 2021 at 19:50
Hello

Thank you so much for your kind words.

I use that css code.
```
.secondary-menu-wrapper .menu > .item-design-mega-menu .nav-sublist-dropdown {
    top: auto;
}
```
Robert Hall
#286340 Copied
xstoruser

Participant

May 5, 2021 at 20:36

Noted, Thank you.

#286547 Copied
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘all departments menu submenu hides when mouse away’' has been successfully resolved, and the topic is now closed for further responses

All departments menu submenu hides when mouse away

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection