Archived topic
Hover on submenu items isn't working properly.
3 replies · Started by Alicia on May 29, 2022
The hover menu setting isn't working as it should. When I hover a menu item, the submenu appears as it should but disappears when I move over the submenu to click an item. The only wat the submenu stays put is if I click the arrow. That's counterintuitive at best and if I don't move really fast the submenu still disappears.
My website: https://aliciaheymanstudio.com
Hi there,
I'm seeing the negative top margin in this piece of CSS that's causing the issue:
#page {
border-style: solid;
border-width: 0px;
margin-left: 0px;
margin-right: 30px;
margin-top: -20px;
padding-top: 30px;
position: relative;
}This isn't something added by GP.
Let me know if this helps :)
Leo:
Thanks so much for your quick reply. Took me a minute to figure out how to fix it. I just copied your CSS and added it to additional CSS... and then changed the -(minus) margin-top to 0 and it fixed it. So much for squeezing that top margin :-) !!
You shouldn't have to do that.
The CSS I've mentioned above is the source of the problem and it would be better if we remove it instead of overwriting it.
It isn't added by GeneratePress.
It would be good to find out the source of this error as I suspect it's causing some more issues :)
Are you using a child theme?
