Hot Effects Rotator conflict with menu dropdown

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

Please Log in to join the conversation.

More
13 years 11 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 11 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.160 seconds
Powered by Kunena Forum