Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Well the solution is going to be Z-Index based I’m afraid.
How familiar are you with CSS? Do you have a Child Theme? Do you have a Custom CSS plugin?
Thread Starter
scumdk
(@scumdk)
I know the CSS basics, i woul say.
I am usind a copy of the Twenty Twelve theme and in style.css i have found 2 instances of z-index:
Line 522 = z-index: 100000;
Line 1498 = z-index: 1;
I have also looked in the css of Meteor Slider and have only found 1 instance of z-index and that one is set to 1.
Must i add a z-index somewhere?
Thanks for participating 🙂
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you have a Child Theme?
Thread Starter
scumdk
(@scumdk)
And as usual the mistake is human 😉
I edited the style.css of the original theme and not the child theme. Thats why nothing i tried worked.
Solution:
Edit the z-index on line 1498 from 1 to 2. That brings the submenus ontop of the slideshow which has a z-index of 1 by default.
Hi I’m hoping someone will be able to help me with the same problem. I am also using the twenty twelve theme. I changed the z-index on line 1498 from 1 to 2 in my child theme as described above.
Before
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
}
After
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 2;
}
My submenue now appears over the slideshow, BUT when the slide show changes between pictures the submenue is hidden again.
Does anyone know how I can fix this?
Thanks!
