Mega Menu Display & Hover Issue on Website

Hello Woodmart Support Team,

I’m experiencing issues with the mega menu on my website: https://juguetessexualess.es/

The mega menu dropdowns are not showing within the viewport
This causes the dropdown to appear far below the menu item instead of sitting directly next to it.

Sometimes when hovering over the menu, the submenus disappear or disable before I can move the cursor inside.
This makes it difficult for users to actually click through the submenus.

I’ve recorded a video with a clear explanation of both issues for your reference: https://www.awesomescreenshot.com/video/44251888?key=75ef43934785b13c7d1cecf2da6a3c15

Could you please check this and let me know the best fix for keeping the dropdowns aligned , and ensuring that submenus remain active while hovering?

Thank you in advance for your assistance.

Hi DJLS1997,

Thanks for reaching to us and appreciate your patience.

You changed the mega menu content, can you please replicate then I can check the issue?

Regards,
Hung PD

Yes we changed the mega menu content but even with these kind of simple dropdown the sub menus are not properly being visible on the view port. One more thing we noticed is that on mobile devices on archive pages, the filter sidebar is also not being scroll able.

KIND REMINDER

Hi DJLS1997,

Thanks for your patience.

Can you please replicate then I can check the issue?

Regards,
Hung PD

Find this attached video for the issue we are talking about.

https://www.awesomescreenshot.com/video/44517398?key=9a950ec7a1647ac4ae7f56fd97ac49ae

Hi DJLS1997,

Thanks for video.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Then I’ll pass this topic to one of our developers, and I will let you know once get an answers.

Regards,
Hung PD

I have shared the credentials with you!

Hi DJLS1997,

Thanks for your patience.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. We will also fix this problem in the next update.

.e-con.wd-side-hidden {
    --align-self: unset !important;
	overflow: hidden !important;
    overflow-y: auto !important;
}

Regards,
Hung PD

[Author]

Posts