Menu drops down behind slider on Android phone and on Nexus 7 (portrait mode)

This may be a little late but…

As you mentioned each of the thumbnails have a z-index. The area that holds the thumbnails also needs a z-index. I added the following to my CSS (not the plugin as it will break on update):

.cycloneslider-template-thumbnails {
z-index: 1;
}

russcatanach,

I used your CSS but it didn’t work for me. My situation is happening in Firefox.

I’m using a Twenty Twelve child theme and created a custom front page template which places Cyclone Slider 2 below the menu but just above the page content. The drop-down menu runs behind the slider. Enough of the first item shows above the slider to allow someone to go there, but if someone wanted the second item, they’d have to visit any other page to get the full menu.

Here’s my entire custom page template:

<?php
/**
 * Template Name: Front

 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?>

	<div id="primary" class="site-content">
		<div id="content" role="main">
        <?php if( function_exists('cyclone_slider') ) cyclone_slider('front-page-slide-show'); ?>

			<?php while ( have_posts() ) : the_post(); ?>
				<?php get_template_part( 'content', 'page' ); ?>
				<?php comments_template( '', true ); ?>
			<?php endwhile; // end of the loop. ?>

		</div><!-- #content -->
	</div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Oops. I should have started a new thread instead of tacking on to this one. Sorry. See my “new” thread.