• Registered: 2013-06-17
  • Posts: 2

Topic: Website navigation does not work if overlaying gallery

Installed the gallery on a site.  The site has a CSS flyout navigation.  The navigation is a drop down flys out over top of the gallery.  however, when the mouse is moved it cannot access the links in the navigation if they are over top of the gallery.

You can see what I am talking about here

http://www.irishmountain.net/

  • Registered: 2013-06-17
  • Posts: 2

Re: Website navigation does not work if overlaying gallery

I have to take down the gallery -  here is the gallery on a test page with the nav issue.

http://www.irishmountain.net/newindex.html

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

Re: Website navigation does not work if overlaying gallery

You will need to increase the 'z-index' values of your drop-down menu components to ensure that the drop-down menu is stacked on top of all the Juicebox gallery elements.
Edit your 'main-styles.css' file in a plain text editor and change all instances of z-index: 100; to z-index: 999; (there are 13 instances).