Dropdown menu in Creativix-WP falls behind slideshow…

Right – soooo…. I have the child theme made, with your code added WPyogi – many many thanks for that. Now where do you suggest I hunt down the z-index bit please? I searched through the menu and the slideshow files but didn’t see it. (Tks for the correct name for that… was getting too tired to mount a search for correct term by then)

I should add that I took away the melded version of illustration|animation|design – you’ll still see this happening on here. when you hover over the lower bits of the design menu for instance.

Here’s what I followed to get thus far:
How to Create a Child Theme
Create a directory in your themes directory to hold the child theme. The themes directory is wp-content/themes. You can name the directory whatever you want, but it is common practice to use the name of the parent theme folder with “-child” appended to it. So, for instance, if you are making a child of the twentytwelve theme, your folder name would be twentytwelve-child.
In the child theme directory, create a file called style.css. This is the only file required to make a child theme. etc etc

But now WP is giving me some uphill about the theme not being complete – see cut & paste:

CustomizeOPTIONS:WidgetsMenusWP-Creativix OptionsEdit CSSHeaderBackground
Available Themes
You only have one theme installed right now. Live a little! You can choose from over 1,000 free themes in the WordPress.org Theme Directory at any time: just click on the Install Themes tab above.

Broken Themes

The following themes are installed but incomplete. Themes must have a stylesheet and a template.

Name Description
WP-Creativix Child The parent theme is missing. Please install the “WP-Creativix” parent theme.

(But the WP-Creativix theme is clearly already installed and functioning well)

Ah. Andrew, thank you.

this would be in the styles.css I take it?

Any idea about the template thing? I mean, what template? Where do they live? I had a quick riffle through the 3 main WP directories via Dreamweaver… can’t think where they’d store that… and until they see it, they won’t be happy.

Okay, found the template.php file under includes directory, and have simply cut and pasted it. Holding thumbs…

Nope, still getting the same error message. Here’s my style.css:

/*
Theme Name: WP-Creativix Child
Theme URI: http://www.wp-themix.org/themes/wp-creativix-free-premium-portfolio-wordpress-theme/
Description:    Child theme for the WP-Creativix theme
Author:         Savyra Meyer
Author URI:     http://picture-kitchen.com/about/
Template:       WP-Creativix
Version:        0.1.0
*/
@import url("../wp-creativix/style.css");
#header {
 z-index: 10;
}
.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float:left;
display:inline;
margin: 5px 20px 20px 0;
}

.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

.wp-caption {
background: #fff;
border: 1px solid #EEE;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px !important;
padding-bottom: 25px !important;
text-align: center;
}

div.aligncenter {
padding-bottom: 0px !important;
}

div.alignnone {
margin: 0px;
padding: 0px;
display: block;
margin: 5px 20px 20px 0;
padding-bottom: 0px !important;
}

div.alignleft {
margin: 5px 20px 20px 0;
padding-bottom: 0px !important;
}

div.alignright {
margin: 5px 0 20px 20px;
clear: both;
padding-bottom: 0px !important;
}

.wp-caption img {
padding: 0px !important;
border: none !important;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
margin-top: 5px;
width: 100%;
text-align: center;
padding:0 4px 5px;
}

.sticky p {
background: #f2f7fc;
padding: 10px;
}

.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}

.commentlist .bypostauthor {
}
.navigation {
    background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 12px;
    height: 48px;
    left: 8px;
    margin-top: 5px;
    padding-right: 18px;
    position: relative;
    vertical-align: baseline !important;
    width: 925px;
    z-index: 6;
}

Oh I somehow didn’t notice the z-index: 6; at the bottom… is there a conflict between that and the header bit at the top?