Hot Effects Rotator conflict with menu dropdown

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
Last edit: 13 years 8 months ago by support@redbarndesign.com. Reason: make url live

Please Log in to join the conversation.

More
13 years 8 months ago #6811 by ivan.milic
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.

More
13 years 8 months ago #6832 by support@redbarndesign.com
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

Please Log in to join the conversation.

Time to create page: 0.255 seconds
Powered by Kunena Forum