Hi,
after the recent update-cycle I’m facing issues of menu-items not getting their hover-states when hovering, and sub-menu items not holding their focus and therefore disappearing.
I’ve made a small screen capture to illustrate.
Howdy, @dhunink!
Thanks for writing in and sorry to hear that you seem to be having some issues here. We kindly ask that all users send us a URL to the live website where the issue is being experienced. Unfortunately, a video doesn’t give us the adequate ability to fully troubleshoot problems. Once we have a live URL we’ll be happy to look into things further.
Cheers!
Updated the original post
Hi @dhunink,
There are empty headers bar and looks like the sub-menu falls behind them. Please inspect your header bar where the menu is, then change its z-index to 999999999.
All header bar have the same z-index, and it’s the z-index that controls the order.
Thanks!
Hi Rad!
Thanks that indeed did the trick.
The empty bar is there on purpose; it serves as a separator between the header and page contents.
Why did it get a different Z-index in the first place? I don’t see that happening if there is content in a bar.
Perhaps a possible further improvement? Happy to let @Alexander be the judge of that but it did got me wondering.
Hi @dhunink,
They have the same z-indexes and that’s the problem. When they are the same, the browser will decide which will go on top and bottom, and the last element in the order is always on top. And the last header bar is the empty header bar.
The z-indexes is added there so the user could decide the order they want. But of course, there is always a default value. And even without z-index, the browser will still decide the top and bottom order, hence, that option is added for order customization.
Thanks!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.