WordPress.org

Forums

JJ NextGen JQuery Slider
Drop down menu is hidden by slider (13 posts)

  1. clavans
    Member
    Posted 3 years ago #

    When clicking on a drop down menu, the slider (JJ NextGen JQuery Slider) sometimes wipes out the lower part of the drop down menu when a new image appears in the slider, see:

    http://this.no/menu-problem/

    I have also added the following code in the theme Weaver advanced option in the head section between the <style> tags with no success:

    .nivo-slice {z-index: 1;}
    .nivo-caption {z-index: 2;}

    I use most new version of WordPress, Weaver Theme and JJ NextGen JQuery Slider.

    Using the standard NextGen slider also gives the same problem.

    At another test domain using the standard Twenty Eleven theme and the NextGen slider,

    http://test.this.no/

    the bottom of sub menu is hidden all the time by the slider. Using the more fancy "JJ NextGen JQuery Slider" helps some, but the menu is sometimes hidden also here when a new picture appears in the slider.

    Is there a smart way of telling the slider that the menu should always be on top?

    Any ideas?

    http://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/

  2. shanafourde
    Member
    Posted 3 years ago #

    I have the same problem. Did you find a solution?

  3. shanafourde
    Member
    Posted 3 years ago #

    I didn't have this problem with the Twenty Ten theme, but I am having it with the Twenty Eleven theme. The CSS looks basically the same for both. I'm not sure what is causing the problem.

  4. clavans
    Member
    Posted 3 years ago #

    No solution yet. I also think it was OK with Twenty Ten.

    Anyone else who knows another slider plugin that does not have this problem?

  5. CCTH
    Member
    Posted 3 years ago #

    I have the same problem and I canĀ“t get a solution. Is there anybody that can solve it?Why does this support exists if nobody helps????
    Awaiting for help...
    Tks

  6. clavans
    Member
    Posted 3 years ago #

    I upgraded to WordPress 3.3 today and the problem is still there.

    The JJ NextGen JQuery Slider plugin uses random transition effect as default unless the shortcode effect="setting" is used. Setting can be:

    - sliceDown
    - sliceDownLeft
    - sliceUp
    - sliceUpLeft
    - sliceUpDown
    - sliceUpDownLeft
    - fold
    - fade
    - random
    - slideInRight
    - slideInLeft
    - boxRandom
    - boxRain
    - boxRainReverse
    - boxRainGrow
    - boxRainGrowReverse

    It looks like it is only the 5 last "box" settings that cause the problem (and random). To avoid the problem some fixed transition effect can be used, for instance:
    [jj-ngg-jquery-slider gallery="1" effect="sliceDown"]

  7. Sam Lowry
    Member
    Posted 3 years ago #

    Anybody ever discover a fix for this? Usually you can change a z-index somewhere, but no fix seems to work for me. I tried all of the effects and still have the problem.

  8. shanafourde
    Member
    Posted 3 years ago #

    It stopped being an problem for me. I think one of the updates fixed the issue for me.

  9. Sam Lowry
    Member
    Posted 3 years ago #

    I'm using the simpleX theme, can't figure a way to make it happy. I did add `.nivo_slider {
    z-index:-1;}`
    So that at least the slideshow isn't covering the menu any more. But I've lost the cool nivo slide options.

  10. Rick
    Member
    Posted 3 years ago #

    Has anyone found a fix for this?

    I am having the problem in IE 8, depending on compatibility settings, but not Firefox.

  11. Sam Lowry
    Member
    Posted 3 years ago #

  12. Rick
    Member
    Posted 2 years ago #

    Sam Lowry,

    I already have

    position: absolute;
    z-index: 99999;

    in #access in my styles.css.

    I am using a child theme based on twentyten which did not originally write. My problem only exists in the compatibility mode of Ie, and I have gotten any complaints from people at work. I'm starting to wonder if I really need to worry about it.

    Still, thanks for the info. I'll make the deletion in my stylesheet and add the line to the header, and try it in my stylesheet and see what happens.

    Thanks,

  13. Rick
    Member
    Posted 2 years ago #

    When I changed position:absolute to position:relative, my menus stopped working correctly. The menus no longer covered slideshow, but they did change size.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • JJ NextGen JQuery Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic