1 Topic by nickymichelmore (edited by nickymichelmore 2013-11-15 17:53:04)

  • Registered: 2013-11-15
  • Posts: 2

Topic: [SOLVED] Drop down navigation disappears when hovered over juicebox ga

Hi There,

When I hover over my drop down navigation menu it disappears when I reach the bottom part of it that overlaps the juicebox gallery. The part that doesn't overlap displays properly when hovered and works fine. The z-index of my CS33 navigation menu elements are set at  6000 and 3000.  I have tried placing a high z-index in the containing element of the navigation menu, but that hasn't worked.

The background of the juicebox is also set at 0 opacity.

The url of my web page is: http://www.playscapesdesign.co.uk/playg … pment.html

I would appreciate any suggestions to remedy this problem.

Thanks in advance!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: [SOLVED] Drop down navigation disappears when hovered over juicebox ga

If you apply a large enough z-index to the <div class="header" role="banner"> container, your menu should work OK.
Try changing line 34 on your web page from:

<div class="header" role="banner">

... to:

<div class="header" role="banner" style="z-index: 9999;">

(Results from testing suggest that a 'z-index' value of anything over 500 should work OK.)

  • Registered: 2013-11-15
  • Posts: 2

Re: [SOLVED] Drop down navigation disappears when hovered over juicebox ga

Hi Steven,

You're a star! Works fine now...thank you!