Issue with Woodmart header – it hides on hover
-
Hi, please check the issue.
https://streamable.com/ym3hl2
The my account icon can’t be used.
Hello,
Sorry to say your given login details are not working, So I have checked your account icon with logged out, and it is working fine and not hidden when hovering it.
See video for clarification: https://jumpshare.com/s/mKYMd4YkLaHmkjtdpe6h
Check back your site and check the issue. If you have any questions feel free to contact us.
Best Regards,
Please check the new video – I’m logged out and I’m on another browser – the issue is still there. Please try again.
Hello,
We have checked the issue and found that it was caused by an extra margin above the dropdown area. Because of this gap, when you move the cursor from the “My Account” icon to the login dropdown, the hover state is lost and the dropdown disappears immediately.
The issue is caused by the following CSS rule added on your site.
.whb-general-header .wd-dropdown:not(.sub-sub-menu) {
margin-top: 30px;
}
This margin-top was creating a gap between the “My Account” icon and the dropdown. Because of that gap, when moving the cursor from the icon to the dropdown, the hover state was lost and the dropdown disappeared. Try to remove this css code and check the issue.
Best Regards,
Thank you!
This code was added because you or your colleague has sent it to fix the mega menu issue that covers the logo. Please check the screenshot attached what happens when you remove the code.
So If I remove that code, I need something else to fix the mega menu issue. Can you please help me with this?
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop and check how it works:
/* Remove hover gap for account dropdown only */
.whb-general-header .whb-col-right .wd-dropdown-register {
margin-top: 0 !important;
}
Best Regards,
Hey again,
Unfortunately, the issue is still there. Cache cleared.
Hello,
Sorry to say, The login link details you provided are not working anymore. Please share the correct login details so I can check the issue and give you a possible solution.
Best Regards,
Please find the credentials below:
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop and check how it works:
.whb-general-header .wd-dropdown:not(.sub-sub-menu) {
margin-top: 0 !important;
}
.wd-dropdown-menu.wd-design-full-width {
top: calc(100% + 30px);
}
Best Regards,
.
