[Plugin: NextGEN Gallery] push gallery to the front?

Hi,
did i get it right understanding you want the dropdown in front (of the slideshow or gallerythumbs)?
This would be a question of higher z-value for your dropdowns css.
Else post a link.

best regards
bee

ok i screwed up… you are right with your post ??
i want the gallery behind the navigation… ??
what should i do ?

Hi,
i dont know how your drop down list is done but there should be normally a css definition for that in your themes css for your dropdown menue, is there a z-index:100; for example in it, if so try a greater value than the one you find if not put e.g. z-index:20; there and increase the value step by step may that helps, but i really dont know for sure (i remember darkly of a similar issue long ago) so please tell me which theme you are using or is it a plugin for the menue and which one?

best regards
bee

hi,
well the dropdown is the multi-level dropdown (suckerfish)
i cant find a index in the css neither do i know where to put it ??

another question would be: when i add the gallery in the sidebar it screws up my page, exactly the FOOTER it goes to the left….
my sidebar has a 170px width, what might be the problem?

thx

marc

Hi,
something like that https://pixopoint.com/multi-level-navigation/
?
Is there is something like #suckerfishnav ul { in it? then put z-index:9000; just behind that bracket and see what happens (that one is conflicting with z-index of overlay effect).

The gallery or the widget? For the widget you can configure amount and size of the thumbs.

best regards
bee

Had a similar issue with my CSS drop down menu plotted behind the NextGen Gallery thumbnails. It took several days of troubleshooting before I figured out the following solution:

.ngg-gallery-thumbnail {
/* deleted the following line, as it caused the gallery thumbs to be printed over other content in IE6 and IE7 */
/* position:relative; */
float: left;
margin-right: 5px; text-align: center;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:4px 0px 4px 5px;
padding:4px;
/* deleted the following line, as it caused the gallery thumbs to be printed over other content in IE6 and IE7 */
/* position:relative; */
}

Hope this helps

Bueno! Thanks, amrensen, removing “position:relative” did the trick!!