Image behind menu in top – help

  • johnny pedersen



    When i clik on a image it now open behind the top menu, and the text in the slider ??

    please help 🙂


    Kenneth John Odle


    You need to change the z-index of your lightbox. Try adding this to your custom CSS:

    #lightbox-nav {z-index:600;}

    (BTW, there are way too many watermarks on your images. It’s less than an optimal experience viewing them.)

    johnny pedersen


    Hi Kenneth,

    I just put the code into the css, but it is not working for me ?

    And regarding the watermarks I know, there will be less 🙂



    Kenneth has the correct idea, but thats just the navigation or the arrows. Try this:

    #jquery-lightbox {
    z-index: 1000;

    johnny pedersen


    I found this one here :

    #header-menu-wrap {

    z-index: 100;


    it works on the menu, but the text in the slider is still in front of the image 🙁



    K now add this

    .full-sized .slider-entry-wrap {
    z-index: 100;

    Basically the higher the z-index the more it has priority to be at front or top. It just changes the layer order.

    johnny pedersen


    now it works 😉

    many thank you 😉

    sleep well 🙂


    Kenneth John Odle


    z-index determines which items appear on top. The higher the number, the more “on top” it will be. So to fix this problem, you can increase the z-index of the item you want to be on top, or decrease the z-index of the items that are in the way.

    In this case, I would recommend changing the z-index of the lightbox items, rather than the menu itself, since that may cause interference with other z-indexed items in the theme.

    And as Tee points out, you’ll want to be sure to use the correct code. (Thanks for catching that, Tee. My time here is limited, as is my internet access.)

    For more information, you can read this helpful article:

    and this one:

Viewing 8 posts - 1 through 8 (of 8 total)

  • You must be logged in to reply to this topic.