- Posts: 2
- Thank you received: 0
Hot Effects Rotator conflict with menu dropdown
-
support@redbarndesign.com
Inactive member - Topic Author
- New Member
Less
More
13 years 8 months ago - 13 years 8 months ago #6794
by support@redbarndesign.com
Hi,
The rotator module is pretty cool.
However, I am having one issue with it. Everything on the page is working well, until I add links to the rotating images.
Then, my dropdown menus will not work as soon as the mouse crosses into the rotating image.
Here's the link for reference:
174.36.179.67/~polkcdco/
Any ideas?
Thanks in advance,
Rick
The rotator module is pretty cool.
However, I am having one issue with it. Everything on the page is working well, until I add links to the rotating images.
Then, my dropdown menus will not work as soon as the mouse crosses into the rotating image.
Here's the link for reference:
174.36.179.67/~polkcdco/
Any ideas?
Thanks in advance,
Rick
Last edit: 13 years 8 months ago by support@redbarndesign.com. Reason: make url live
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 8 months ago #6811
by ivan.milic
Replied by ivan.milic on topic Re: Hot Effects Rotator conflict with menu dropdown
I tried to add large z-index to your menu parts but mo lack. Apparently that menu is just not compatible with this rotator.
Please Log in to join the conversation.
-
support@redbarndesign.com
Inactive member - Topic Author
- New Member
Less
More
- Posts: 2
- Thank you received: 0
13 years 8 months ago #6832
by support@redbarndesign.com
Replied by support@redbarndesign.com on topic Re: Hot Effects Rotator conflict with menu dropdown
Thanks for looking Ivan.
I just used Firebug to isolate the image link CSS on the rotator and found the solution.
Changing the Z-index from 60 to 1 solved it.
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:1;
display:none;
}
Works fine now.
-Rick
I just used Firebug to isolate the image link CSS on the rotator and found the solution.
Changing the Z-index from 60 to 1 solved it.
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:1;
display:none;
}
Works fine now.
-Rick
Please Log in to join the conversation.
Time to create page: 0.255 seconds