add this in:
lay options -> custom css & html -> custom css for desktop
/*this will hide the primary menu*/
.laynav.primary{
display: none;
}
/* this will show the menu and hide the site title if the class "shownav-and-hide-sitetitle" is added to body */
body.shownav-and-hide-sitetitle{
.laynav.primary{
display: block;
}
.sitetitle{
display: none;
}
}
now add this javascript
add this in:
lay options -> custom css & html -> Custom HTML at bottom
<script>
jQuery(document).on('mousemove', function(e){
let y = e.clientY;
if(y < 100){
jQuery('body').addClass('shownav-and-hide-sitetitle');
} else {
jQuery('body').removeClass('shownav-and-hide-sitetitle');
}
})
</script>
this will check for your mouse movement and if its less than 100px from the top of the browser, we add the class 'shownav-and-hide-sitetitle'