Main Menu Dropdowns Hiding Behind jQuery Slider Video

If your Main Menu Dropdowns are hiding behind the jQuery Slider video, on certain browsers such as IE or Chrome, please follow the instructions bellow:

  1. Access Appearance > Editor
  2. Select Theme Functions (functions.php) from the list of templates files on the right
  3. Add the following code:
     function tt_add_video_wmode_transparent($html, $url, $attr) {   if ( strpos( $html, "<embed src=" ) !== false )    { return str_replace('</param><embed', '</param><param name="wmode" value="opaque"></param><embed wmode="opaque" ', $html); } elseif ( strpos ( $html, 'feature=oembed' ) !== false )    { return str_replace( 'feature=oembed', 'feature=oembed&wmode=opaque', $html ); } else    { return $html; } } add_filter( 'embed_oembed_html', 'tt_add_video_wmode_transparent', 10, 3); 
  4. And save!