Support » Plugin: Meteor Slides » [Plugin: Meteor Slides] Drop Menu hidden Behind Slide

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    Hi, thanks for trying out Meteor Slides, it looks really sharp on your site!

    The hidden dropdowns are an easy fix. You just need to set the z-index so that the dropdowns are layered above the slideshow.

    In your master.css file, starting on line 138, you’ll find this code:

    #nav ul {
    	position: absolute;
    	left: -999em;
    	height: auto;
    	width: 151px;
    	font-weight: normal;
    	line-height: 20px;
    	border: 0;
    	border-top: 1px solid #e3e0d5;
    }

    Simply set the z-index for this unordered list:

    #nav ul {
    	position: absolute;
    	left: -999em;
    	height: auto;
    	width: 151px;
    	font-weight: normal;
    	line-height: 20px;
    	border: 0;
    	border-top: 1px solid #e3e0d5;
    	z-index: 9999;
    }

    That should do the trick!

    Worked beautifully! Thank you for the awesome plugin and the quick help!

    Robin

    Plugin Author Josh Leuze

    (@jleuze)

    No problem Robin, great to hear you like my plugin.

    I have the same problem in my site

    http://www.iglesiasanjuan.cl

    how can I fix it?

    Plugin Author Josh Leuze

    (@jleuze)

    Hi fchamy, add this to your theme’s stylesheet and that should fix the problem for you:

    .menu ul {
    z-index:9999;
    }

    Great! thanks…

    Plugin Author Josh Leuze

    (@jleuze)

    No problem fchamy.

    http://www.mrdaley.com

    My menu is blocked too on some browsers. Strange…one computer is using IE and it is not blocked, but on another computer with IE – it is blocked.

    All the computers at my school – menu is blocked by meteor slides.

    I am using twenty ten, but I am not sure what to change.

    I have a style sheet – style.css

    It is alot to post here, but do you have any idea what to change in that style sheet? I can post the style sheet if you would like me to.

    Thanks!

    Plugin Author Josh Leuze

    (@jleuze)

    Hi, you did a great job integrating Meteor Slide into your header, looks awesome!

    I did some testing, the dropdowns seem to work fine in Internet Explorer 8. in IE7, they are hidden below the slideshow. The dropdowns do not work in IE6, but I am guessing that they are CSS only, and you would need a bit of JavaScript in your theme to enable them in IE6.

    I don’t have IE7 on the machine I’m in front of right now, but I can try to take a look at that for you later if you don’t figure it out.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Plugin: Meteor Slides] Drop Menu hidden Behind Slide’ is closed to new replies.