Hello!
In your CSS file, find this:
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
}
and change z-index from 1 to 999
I have tried in in Chrome, but you should check the result in other browsers also.
It is like a pile of papers overlapping each other on a table, and z-index determines which one is higher (the one on the top is visible). Both the slider’s div and the navigation menu’s div z-index values were set to 1, practically they were on the same layer, and when the slider’s image changed, it interfered with the submenu div’s.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It is apparent that the OP is not going to create a Child Theme, but as this thread is open to the public we should encourage people to do so:
If you make customisations directly to the theme’s files those customisations will be lost when the theme is updated. It also gets difficult to differentiate between your styles and the original styles when things break.
http://codex.ww.wp.xz.cn/Child_Themes
If you cannot set up a Child Theme then you can use a Custom CSS plugin to manage your CSS customisations only.
Thread Starter
Afcbob
(@afcbob)
Thanks for the info on the menu that worked a treat
No i do plan to make i child theme but started the website build before reading its best to do this.
This is anther reason why i not updated to the new update till i have done a child theme.
