I am having an issue with an image interrupting my hover state. I have my menu which is a mega menu drop down for wordpress. I then have the company's logo z-indexed above the menu so it covers part of the top menu and part of the drop down menu. When my mouse scrolls over the z-indexed logo, it breaks my hover state and closes the drop down menu. Is there a way to make the image essentially not register on hover?
Asked
Active
Viewed 36 times
0
-
please give a link so that we can take a look – Nifal Munzir May 14 '15 at 06:09
-
http://www.eleven34studios.com/Hutson/5000-series/ – jameslcarton May 14 '15 at 06:47
-
Ooo, just noticed when you're not logged in it's pushed further down more than intended, have to fix that, it should be right on the line for the menu – jameslcarton May 14 '15 at 06:58
1 Answers
1
you can add
pointer-events: none;
to your .top-menu-logo. it works in modern browsers but this is not necessarly the html structure I would recommend.
Victor Radu
- 2,262
- 1
- 12
- 18