I adjusted some of the spacing on my pro header to allow for the menu to have a good appearance. However, I noticed that when I hover on the menu where there is a dropdown there is an issue.
The first menu item on the drop down cannot be click by hovering over the text. All other text links are clickable. If you are patient, you can find a clickable area about 20 px below the first drop down item.
How can I fix the menu so that the first text item is clickable?
Cheers
Hi @TushitaKBC,
The issue is Z-index value on the bar. Please increase the Z index value of the bar with menu than the bar below it:
Look at this: https://screencast-o-matic.com/watch/cYnqIqwpkc
Hot dog! Thanks Lely. Appreciate the help.
We are delighted to assist you with this.
Cheers!
I spoke to soon. The z values were all set to 9999, but the menu issue remains. I have 3 bars so I set them to 9999, 9998, and 9997 respectively from top to bottom. It functions now, but is that a correct (or at least adequate) solution?
Just want to make sure I don’t run into further issues.
Hi @TushitaKBC,
Yes, that’s what Lely meant above, have your Bar containing the menu have a higher z-index than the other bars.
Did you reinstall your Wordpress? Your site looks like just this at the moment.
Thanks,
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.