Topic: Gallery don't let use my website menu [SOLVED]

Hello !
I've been searching for month but I still can't find anything to help me.

On my website, galleries are in the foreground and I can't access my pull-down menus. Each time my cursor go on a menu that is overlapping the gallery, the menu just disappear.
In the same time, my footer is behind the gallery.

How can I fix it ?

(You can try yourself here : )

I'm using Chrome but it's the same on Edge so I suppose it will be the same anywhere else.

Re: Gallery don't let use my website menu [SOLVED]

Juicebox uses certain CSS z-index values for gallery elements to ensure that they are stacked in the correct order, for example to ensure that captions are stacked above images (and not obscured behind them).
The solution to your problem is to ensure that the z-index value for your menu system is greater than any used within the gallery itself so that your menu is always stacked above (and displayed on top of) the gallery.

In your web page's 'style.css' file, scroll down to line 71 and change the z-index of .nav-principal li to 9999.
Incidentally, you currently have two different z-index entries in this block (set to 10 and 298).
Just use one z-index entry and set it to 9999.

Your .nav-principal li block should now look like this:

.nav-principal li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 20px;
  font-family: 'Playball', cursive;
  z-index: 9999;

If you do not see any difference immediately after making the change, then try clearing your browser's cache before reloading your gallery's web page.

This should hopefully resolve your problem.

Re: Gallery don't let use my website menu [SOLVED]

It works ! Thank you so much for your help ! I was desesperated to find a solution to my problem !

Re: Gallery don't let use my website menu [SOLVED]

You're welcome!
I'm glad my suggestion worked for you. Thank you for taking the time to post back to let me know. It's most appreciated.