Lay Theme Forum

Hi there!

I haven't been able to find the right piece of advice/code on the forum and hope someone is willing to help me out... :)

I added some menus to my website https://phyll.space in a top navbar. What I would like to do is to hide the navbar(+menus+sitetitle) for projects and let it appear (slide down) only on mouse hover.

I've been testing this for 1 placeholder project (https://phyll.space/mut) where I hid the navbar/menus/sitetitle. Yet I don't know how to proceed and how to create the slide down effect on hover.

I used this code so far:

/* site title */
body.slug-mut .sitetitle{
display:none;
}
/* navigation */
body.slug-mut nav.primary{
display: none;
}
body.slug-mut .second_menu{
display: none;
}
body.slug-mut .third_menu{
display: none;
}
body.slug-mut .fourth_menu{
display: none;
}
body.slug-mut .navbar{
display: none
}

I'd be super greatful for some help!

Best,
Mirthe