WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Main menu in front of lightbox (12 posts)

  1. eraleks
    Member
    Posted 2 years ago #

    Hi all!

    When I open an image in lightbox, the menu on the front page still appears on top of the lightbox... Here's a screenshot. How can I fix this?

  2. What plugin are you using for that? And is the IMAGE the view of your profile or are you actually viewing your interactive profile?

  3. eraleks
    Member
    Posted 2 years ago #

    I'm using shadow box. I don't understand exactly what your asking on the second question, but I've added a rel="lightbox" to the users profile link so that the profile opens in a lightbox (just as a regular image would do, except that it is a page). This way subscribers can update their profile without getting lost in the back-end of wordpress.

    The only problem is, as i posted, that the menu stays in front of the light box :/

  4. 1) Please LINK to the plugin. I'm not gonna troll through the millions of plugins that use 'shadow box' as a tag/desc to find yours ;) Help a sister out.

    2) The screenshot shows what LOOKS like the WP admin area in the middle, with the menu in front of the lightbox. I'm trying to sort of if that WP Admin area is the image you're trying to display.

    I've added a rel="lightbox" to the users profile link so that the profile opens in a lightbox (just as a regular image would do, except that it is a page).

    That tells me that I THINK you're actually showing the interactive WP admin back end page VIA the shadowbox application. Is that correct?

    If so, does this problem happen with a NORMAL image?

  5. eraleks
    Member
    Posted 2 years ago #

    Sorry about that :PHere's the plugin I use.

    2) you are absolutely correct, I am showing the interactive wp admin back end via the shadowbox application!

    Just to check I now tried with just a normal image and it's still the same problem.

    Thanks for fast replies =)

  6. I tagged the post for that author :)

    Does that happen on any other theme? It's probably a problem with CSS, or a JS conflict.

  7. eraleks
    Member
    Posted 2 years ago #

    Sorry for late reply!

    I haven't tried with any other themes. My page is developed quite far so I don't dare to try change the theme. But I had the same issue with another plug-in (a dropdown menu).

    It seems to me that it should be quite simple for a person with knowledge of css to fix it, but I just don't know myself :P

  8. Then you need to make a test site and test with another theme. This is standard debugging (and why many of us keep a local host install identical to our production one ;) - quick tests).

  9. esmi
    Forum Moderator
    Posted 2 years ago #

    Can you link to a page that demonstrates the problem? It's often just a z-index issue on the dropdown CSS.

  10. eraleks
    Member
    Posted 2 years ago #

    I'll try to establish a local test side during the day.

    Here's the link to my page. Klikk the little "test link" button above the big blue button.

    Thanks for help!

  11. esmi
    Forum Moderator
    Posted 2 years ago #

    style.css:

    #navigation li {
        background: url("images/navigation-line.gif") no-repeat scroll right center transparent;
        float: left;
        height: 45px;
        padding: 0 2px 0 0;
        position: relative;
        z-index: 1000;
    }

    Drop the z-index value down to 90.

  12. eraleks
    Member
    Posted 2 years ago #

    Thanks so much! Had to take it down to 80 but that did the trick =) Hurray!!

Topic Closed

This topic has been closed to new replies.

About this Topic