Log in | Register
  1. Forum
  3. Discontinued Products
  5. JLinked Joomla 2.5 Support (CLOSED)
  7. JLinked Share buttons layering on top of other items

Topic-icon JLinked Share buttons layering on top of other items

Active Subscriptions:

None
10 years 4 months ago #39773 by sadie199
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?

Thank you!
The topic has been locked.
Support Specialist
10 years 4 months ago #39790 by alzander
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:
header {
z-index: 100;
}
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,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 3 months ago #39822 by sadie199
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?

Thank you!
The topic has been locked.
Support Specialist
10 years 3 months ago #39823 by alzander
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 www.fairwarning.com/templates/privacy-ex...rds/css/template.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.

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JLinked Joomla 2.5 Support (CLOSED)
  7. JLinked Share buttons layering on top of other items
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS