Home Forums Xi Theme Discussion & Support How to hide menu behind lightbox?

This topic is: not a support question

Tagged: , , ,

This topic contains 2 replies, has 2 voices, and was last updated by  Tim Brocklehurst 4 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #4230

    Tim Brocklehurst
    Post count: 2


    I’m running Xi for an artist site. How can I make the lightbox views of her art stand above the menus?
    I use Fancybox plugin to provide the lightbox effect, but the main header menu appears through it.
    Can anyone help me remove this?
    See this link, and click on an image for the example:



    Post count: 730

    This is probably due to z-index. Try changing adjusting the nav menu z-index by adding following:

    .nav-menu {
    z-index: 10;

    Make sure the menu still plays nicely with your slider, otherwise you may have to tweak the lightbox z-index instead.


    Tim Brocklehurst
    Post count: 2

    Brilliant – thanks for that.
    I added the CSS to the theme’s custom css and it worked perfectly – with the slider too.
    So thanks for that

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

You must be logged in to reply to this topic.