To insert code use <code>...</code>.
Estro slider cause problem to menu
  • I installed Estro Slider plugin and it works fine but i've got a problem with the navigation menu: trying to select a menu item of a parent page which is located over the slider, the menu disappear.

    Sorry for my english
    Thanks
  • 10 Comments sorted by
  • Hi,

    You can try this custom css. I dont know the z-index number of the slider. Look into its css. Set the menu z-index just somewhat higher.

    .jqueryslidemenu ,
    .jqueryslidemenu ul { z-index:400;}

    .jqueryslidemenu ul li ul { z-index:401;}

    .jqueryslidemenu ul li ul li ul { z-index:402;}

    Best regards,
    Striking Team
    Paul
  • Is there a way to change the menu z-index and not the slideshow one?
  • The code i gave you is for the menu.

    Best regards,
    Striking Team
    Paul
  • Where i have to insert it? Is there a specific file into the FTP or it is available trought the Editor in the Appearance menu?

    Thanks
  • Hi

    in the custom css field of the strking general settings.

    Best regards,
    Striking Team
    Paul
  • Just like this?

    If yes, it doesn't work :(
    striking.PNG
    1483 x 625 - 40K
  • Hi

    Put in a link to the page or website please. and or send login details by personal mail to websys or me with a link to this thread.

    do not put login details in here.

    Best regards,
    Striking Team
    Paul
  • Done, you have a PM!
  • Hi

    Ok i have added websys to the discussion so either he or I will look into this.

    have a nice striking weekend....

    Best regards,
    Striking Team
    Paul
  • Hi

    That problem is partly caused by the fact that you logo image is way to large. It covers the menu area.

    You should set a header background image to get the same result and a logo image which does not touch the menu area.

    and you need to set the z-index of the slider back to 100


    .peKenBurns .peKb_slides .peKb_caption {
    z-index: 100;
    }


    i just did so. However if you had set the menu z-index to 400 like i suggested it would have worked too.

    Now both the menu and the slider had z-index 200 causing this problem.

    However in order to get this to work in ie8 you need to make sure that the logo and the menu are not touching each other.

    I just did all those adjustsments to your website and created a smaller logo and now the menusystem works in ie8 also.

    To get the logo out of the menu area i added this code after making it smaller first.


    #logo { top:0;}



    ************** update on this ************************

    i set your original logo to the header background and a transparent logo over it covering the selectable logo area not touching the menu.

    Now it looks like before with a workable menu system.

    i centered the menu


    #navigation {
    right:auto;
    left:15px;
    }


    Best regards,
    Striking Team
    Paul