thank you Stephen, much appreciated!
However I implemented CSS with all its classes and IDs, still nothing
<nav>
<div class="menu-primary-menu-container">
<ul id="menu-primary-menu" class="no-bullet">
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13 current_page_item menu-item-has-children menu-item-15">
<a href="https://veltaberzina.com/">Portfolio</a>
<ul class="sub-menu">
<li id="menu-item-165" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-165"><a href="https://veltaberzina.com/beauty/">Beauty</a></li>
<li id="menu-item-166" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166"><a href="https://veltaberzina.com/commercials/">Commercials</a></li>
<li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://veltaberzina.com/editorial/">Editorial</a></li>
</ul>
</li>
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">
<a href="https://veltaberzina.com/get-in-touch/">Contact</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17">
<a href="https://veltaberzina.com/about/">About</a></li>
</ul>
</div>
</nav>
nav li.menu-item-15 {
position: relative;
}
nav ul#menu-primary-menu ul.sub-menu {
display: none;
position: absolute;
top: 40px;
}
nav li.menu-item-15:hover > ul.sub-menu {
display: block;
}
nav li li {
padding: 5px;
}
https://veltaberzina.com/
the submenu just got hidden, when hovering over, it does not appear. Can you spot the mistake?