WordPress dropdown menu hidden behind top bar menu

I am in a dilemma.

If I use this fix:

/* FIX Topbar menu erratic (missing dropdown menus etc) */
div#top-bar-wrap {
    z-index: 99999;
}

The top-bar menu works, and looks good.
Which is good for public!

But then the WordPress toolbar dropdown menus are hidden behind the top-bar menu.

By lowering the z-index or deleting the fix the wordpress dropdown menus are fully visible, but the topbar menu dropdowns are entirely broken.

So it is basically “either that or that”

Are there any way for BOTH to work at same time?

The fix is there for site to work for people to use.
It is the ideal way to go. But it annoys me that I as site manager see broken drop down menu of WordPress toolbar.

• This topic was modified 2 years, 8 months ago by FunnyBunnyHelena.

The page I need help with: [log in to see the link]