[Plugin: NextGEN Gallery] Navigation bar text/items appearing over pop-up images

  • Resolved GisokuBudo

    (@gisokubudo)


    14 years, 8 months ago

    Was wondering if someone could help out with this one – not sure if it’s to do with NGG, as I think there might be something wonky in either my CSS or PHP for two new themes I’ve put together for either of my blogs:

    Retro Otaku

    Gisoku Budo

    Any of the items inside the nav-menu div (i.e. my navigation menu) are appearing on top of any images that are expanded to full size – this includes the text, as well as the dividers between each menu item.

    I didn’t have this problem previously, and it’s only come up since I’ve installed new themes on each of my blogs, so I’m guessing I’ve messed something up either in the HTML within the PHP header, or there’s a property I should change in the CSS. I’ve built an older theme I just replaced on Gisoku Budo and the problem didn’t happen on that one, and the previous theme I used on Retro Otaku was one I downloaded off WordPress and worked fine (OpenSourcerer), so I’m not sure what I’ve done to mess it up.

    If anyone could offer some advice, I’d be really appreciative!

Viewing 3 replies - 1 through 3 (of 3 total)

  • I have the exact same problem and spent 2.5 hrs trying to find the solution tonight, but could not find the answer. My submenu is covering up a portion of my image when I open up an image in Firefox (version 3.5.8). I am using the thickbox option. Does anyone have a solution?

    Thread Starter GisokuBudo

    (@gisokubudo)

    I was messing around with some values, and managed to solve it! The trick is in the z-index properties in your CSS. I wrote a quick post about it here on my blog with all the details.

    In a nutshell, the lightbox plugin uses a z-index of 90 in the default CSS that gets loaded with it, and if you have an element in your menu that has a z-index greater than that, it’ll jump on top of the image. I reduced the z-index on my dropdowns to 50 and they’re working fine; alternatively, you can edit the default lightbox.css that comes with the plugin to change the z-index so that it exceeds what you’ve set. Feel free to post up your site and I’ll take a look to see where the issue is if you like, otherwise go nuts and post up your results ??

    I wanted to follow up on this. You nailed this solution on the head! I could not find lightbox.css but instead found my problem in the ‘thickbox.css’ file. Same issue with z-index. The theme i’m using makes copious use of z-index values in it’s style.css so I was a bit scared to change it. Instead I modified the thickbox.css (made a backup of original) and modified it accordingly. Yea I will have to remember to fix this in new upgrades of NextGEN but without your solution I would have been lost. It took me a while to figure out it was thickbox.css. I used Google Chrome and inspected the elements. Nice thing about Chrome is I could modify the values for z-index in real time to see what worked. Great Job!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: NextGEN Gallery] Navigation bar text/items appearing over pop-up images’ is closed to new replies.