Navigation Menu Showing through lightbox

Posted on 2011-04-18
Last Modified: 2012-05-11
Something wierd is happening on our image gallery page of our wordpress website. I have installed the NextGen Gallery plugin on a page, with the images opening using lightbox. The problem is that our navigation menu is showing through the image.  It is happening on all images in lightbox.  

How could i stop the menu showing through?   Here is a link to my website
Question by:jonathan1978
    LVL 16

    Expert Comment

    lightbox not working in IE8.
    LVL 16

    Expert Comment

    You have 29 HTML errors and 375 CSS errors. Fix these and you will likely fix your problem.
    LVL 23

    Accepted Solution

    rbudj is correct about fixing the errors, but to fix your specific problem, add this to the BOTTOM of your style.css file:
    #fancybox-outer  {
    z-index: 9999 !important;
    display: block;
    div #nav-menu {
    display: block !important;
    z-index: 999 !important;
    position: relative;

    Open in new window


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Maximize Your Threat Intelligence Reporting

    Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

    Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    759 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now