This is what we have in the style.css in that specific css rule
nav .menu ul.sub-menu {
position: absolute;
z-index: 9995;
margin: 0;
top: 100%;
left: 0;
display: none;
min-width: 100px;
-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
}
Your’s current css is a bit different.
nav .menu ul.sub-menu {
position: absolute;
z-index: 9995;
margin: 0;
top: 80px;
left: 0;
min-width: 100px;
-moz-opacity: 0;
filter:alpha(opacity=0);
pointer-events: none;
/* -webkit-backface-visibility: hidden; */
-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
You should have made these custom changes in the child theme css or using the custom css option it’s easier to track any problem and you won’t have problems in future updates.
Try to revert the changes.
-Rui