Chris

@harrykhan
It could be a number of things. You say it has a simple menu, could it be that that template does not support drop-down sub-menus? Otherwise, it could be the z-index on one of the other div wrappers, or it could be something else entirely different. Start a new topic and post the site address so we can check it out.

@all
THIS TOPIC IS SPECIFICALLY FOR ISSUES WHERE THE “SLIDER HIDES DROP-DOWN MENU”. IF THIS IS NOT THE PROBLEM YOU HAVE, PLEASE START A NEW TOPIC! No offence intended, but it can be confusing to others when we post back and forth on unrelated issues.

No problem at all, I’m happy that I could help!

Hehe, sorry about that, my link turned out to just be the period at the end. That’s the topic I was talking about.

Lightbox Gallery: Caption Overlapping “Image X/Y”

Perfect! After looking at the links you gave the Platform theme guys, I see that this theme actually uses z-index quite often. The culprit is actually the #header .outline z-index, which was set to 28 and wraps all of the header and navigation. So no matter what z-index you use for the menu or sub-menu, unless you move the slider down below 27 or the header outline above 99, it wouldn’t work.

Also, just for clarification, Rob was incorrect in saying, “You’re making the z-index number higher, which sends things further back. Lower the number to bring things forward…” You were correct, “the lower z-index is, the further back the element will show.”

I’m surprised these guys do not know their own code that well and couldn’t figure it out. It took me just a few minutes. Here is the code that should fix this:

#header .outline {
    z-index: 101;
}

Also, if you want to remove the fade transition, which shows the background text through the sub-menu for a split second, there is a line in the header.php, in the head of the html, that looks like this:

jQuery('ul.sf-menu').superfish({ delay: 100, speed: 'fast', autoArrows:  1, dropShadows: 0 });

…change it to include an animation setting like this:

jQuery('ul.sf-menu').superfish({ delay: 100, speed: 'fast', animation: { height:'show' }, autoArrows:  1, dropShadows: 0 });

You probably need to set the position:relative and z-index for both the menu and the slider, with the slider z-index set to 10 and the menu z-index set to 101. Post a link and I will take a look.

Based on the code you posted, I do not see where the identifiant class is used, but this might work:

.main_nav {
position:relative;
z-index:101;
}
.promo_slider_wrapper {
position:relative;
z-index:10;
}

But again, I’m not using this plugin, so I can’t be sure. You may not even need the slider settings if it’s default z-index is less than 101.

EDITED

Hi linkfr, I didn’t read everything here, just following mloga94. In the code you posted, try changing the number 10 to 101, like so:

.identifiant{
  position:relative;
  z-index:101;
}

I’m not sure if this will work, I didn’t look in to this at all, just pieced it together from whats been said. I’m just here because mloga also posted on another unrelated topic I’m following, and I was looking to see if he had started a new topic anywhere and found this topic.

@mloga94, please start a new topic so we don’t interfere with other unrelated questions. I’ve replied on the other topic I’m following.

I know this is an older topic, but I feel the need to jump in here. This is probably not a problem with the plugin – my opinion is that this is a problem with the theme. Other plugins can cause the theme to have the same issues with [raw] tags showing up around all their shortcodes.

In my case, the plugin I have installed shows a post’s content using a shortcode, and during this process it runs apply_filters on the_content, which seems to be the issue. The theme’s [raw] tags are implemented using a filter and applying it to the_content. For some reason they do not like it when other plugins run apply_filters on the_content.

I’m still looking for a solution. Right now I am using an if(is_page()) code to remove the raw filters on specific pages and have replaced the theme shortcodes on those pages with the html they output (mainly [hr_shadow]), but this is a messy solution and has its drawbacks.

@micah
Does the promotion slider plugin run apply_filters on the_content anywhere? If so, is their any chance of understanding what causes this incompatibility?

Here is how they implement their raw tags:

function my_formatter($content) {
  $new_content = '';
  $pattern_full = '{(\[raw\].*?\[/raw\])}is';
  $pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
  $pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

  foreach ($pieces as $piece) {
    if (preg_match($pattern_contents, $piece, $matches)) {
       $new_content .= $matches[1];
    } else {
       $new_content .= wptexturize(wpautop($piece));
    }
  }

  return $new_content;
}

remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');
add_filter('the_content', 'my_formatter', 99);