Black screen pops up when main menu is clicked on mobile

[SnuggleBaby1]

Hi 

The desktop version of my draft site www.snugglebaby.com.au is working fine but when I click on the main menu on the mobile version, a black screen pops up. If I click on the black screen where I think the menu headings should be, it still takes me to those pages but I need to get rid of the black screen. This has not happened on any of my previous sites. I have made the site public if someone is able to give me any pointers on how to fix it! Thanks in advance!

[Akibhusen · Accepted solution]

@SnuggleBaby1 , Add the below line of CSS code at the end of your base.css file.

@media(max-width:990px){
	body .header .list-menu__item{
		color:#fff;
	}
}

[SnuggleBaby1]

Thank you! I’ll try that. Much appreciated.

[websensepro]

Hi @SnuggleBaby1 ,

Add below mentioned code at the end of base.css file
.menu-drawer__navigation-container{ background-color: #fff !important; }

If I managed to help you then, don't forget to Like it and Mark it as Solution!