How to fix: 'Menu bar disappears on mobile' in Zerif

It's really easy to fix. You just need to go Appearance -> Customize -> Additional CSS section add the following code to fix this issue:

nav#site-navigation.in {
	height: auto !important;
}

Let us know if it works!