#jf-mainnav {
float: right;
border-bottom: 1px solid #fff;
position: relative;
padding: 3px 0 0;
}
#jf-mainnav ul:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
#jf-mainnav ul.menu li {
cursor: pointer;
display: block;
float: left;
margin-right: 25px;
}
#jf-mainnav ul.menu li a {
color: #fff;
font-family: misobold;
font-size: 18px;
text-transform: uppercase;
}
/*PZ individual Submenu*/
#jf-mainnav ul.menu li ul.nav-child {
padding: 5px 0;
position: absolute;
opacity: 0;
}
#jf-mainnav ul.menu li:hover ul.nav-child {
opacity: 1;
}
#jf-mainnav .blob {
position: absolute;
height: 1px;
bottom: -1px;
z-index: 99;
}
This is my code so far.
It now appears on hover but only when I clicked already on the submenus parent. Which means it doesn't appear when I am on the «Home» site and then hover over the submenus parent.
The goal would be that it appears in this case.