WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Drop Menu hidden Behind Slide (10 posts)

  1. monadfm
    Member
    Posted 4 years ago #

    My drop menu is hidden behind the slider. What code do I need to add or change to fix this? here is my site ontheinsidestudios.com

    Thank you,
    Robin

    http://wordpress.org/extend/plugins/meteor-slides/

  2. Josh Leuze
    Member
    Plugin Author

    Posted 4 years ago #

    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!

  3. monadfm
    Member
    Posted 4 years ago #

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

    Robin

  4. Josh Leuze
    Member
    Plugin Author

    Posted 4 years ago #

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

  5. fchamy
    Member
    Posted 4 years ago #

    I have the same problem in my site

    http://www.iglesiasanjuan.cl

    how can I fix it?

  6. Josh Leuze
    Member
    Plugin Author

    Posted 4 years ago #

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

    .menu ul {
    z-index:9999;
    }
  7. fchamy
    Member
    Posted 4 years ago #

    Great! thanks...

  8. Josh Leuze
    Member
    Plugin Author

    Posted 4 years ago #

    No problem fchamy.

  9. mrdaley2
    Member
    Posted 4 years ago #

    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!

  10. Josh Leuze
    Member
    Plugin Author

    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic