menu doesn’t work on Android phone browser

Hi,

I just noticed that the responsive menu doesn’t work on an Android phone with it’s standard browser (one of the thousand Android versions out there installed on a Shift phone). Nothing happens when I toggle the “navigation” button. It works fine on an iPhone: the menu does open as expected when toggled.

I did add some custom CSS to change the appearance:

#menu-item-941 a {
	background-color: #d0e7e4; 
}

.menu-1 ul ul li {
	background-color: #d0e7e4;
}

.menu-1 li:hover,
.menu-1 li.focus {
	background-color: #d0e7e4;
}

.menu-1 .sub-menu li:hover {
	background-color: #e8fffd;
}

.menu-1 li:hover a,
.menu-1 .sub-menu a {
	color: black;
}

@media screen and (max-width: 600px) {
	
	#menu-item-941 a {
	background-color: inherit; 
	}
	
	.menu-1 a {
		border-top: 1px solid #d0e7e4;
	}

	.menu-toggle {
		background-color: #d0e7e4;
		color: black;
	}

	.toggled .menu-toggle {
		background-color: #e8fffd;
		color: black;
		margin: 0 auto
	}
	
	.menu-toggle, .menu-1.toggled #site-menu {
		display: block;
		background-color: #d0e7e4;
	}
}

As far as I can see none of these changes should harm the function.

Did you test it on Android phones and did it work?
Thanks,
Wiebke

The page I need help with: [log in to see the link]