I apologize if this has been addressed previously; I searched and did not see it. On our website, www.fairwarning.com, we have drop-down top navigation menus. The JLinked Share buttons appear at the top of many pages. In many cases, the drop-down navigation, when expanded, will appear layered behind the Share buttons, effectively hiding the drop-down navigation menu.
We've tried playing around with the z-index in the css to fix the problem, and haven't been able to resolve. Does anyone have a fix or suggestion for this issue?
We get questions like this a lot, and they're almost always unique to each site. Each template, menu and other feature is unique, so it's difficult to have a one-size fits all solution.
In your case, it looks like if you add the following code to your site it should fix the issue:
I quickly tested and didn't see any unwanted side-effects. Of course if you run into anything, just let us know.
Thanks, and good luck,
Thank you for your prompt response. Unfortunately I've tried this, and a number of variations - applying a negative z-index to the share buttons themselves, applying a higher z-index to the header/menu sections.
Does anyone have any other thoughts as to correcting this?
I'm trying that live on your site (testing with the Google Chrome Developer tools) and it seems to be having the desired effect.
Can you try to implement that change in http://www.fairwarning.com/templates/pr … mplate.css in the block at line 241. Even if it doesn't work, leave the change intact and we'll be able to go from there.
Also, let me know what browser your testing with in case a different change is needed for others.