Forum is closed

JLinked Share buttons layering on top of other items

JLinked Share buttons layering on top of other items

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!

sadie199
useravatar
Offline
10 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JLinked Share buttons layering on top of other items

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:

Code:

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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JLinked Share buttons layering on top of other items

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!

sadie199
useravatar
Offline
10 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JLinked Share buttons layering on top of other items

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.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11405
Total Polls:
0
Total Posts:
48071
Posts today:
1
User Info
 
Total Users:
47237
Newest User:
andrewwinkler
Members Online:
1
Guests Online:
730

Online: 
ifound
Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program