Mobile Navigation Hamburger Menu Going Blank

Site URL: https://www.youngbloodmedia.com.au/

Hi,

My site displays fine on desktop but frustratingly the hamburger dropdown menu flashes to white/blank when clicked on mobile. If you click it again you briefly see all the menu links that should be there flash up but then disappear.

I've got no clue how to fix this. Can anyone please help me? 

Thanks!

Callum

Looks like white text on white background. The links are there , I can still click to a new page. Font or background color should be changed:

.container.header-menu-nav-item a {
  color: black !important;
}
.header-burger-btn.burger.burger--active {
  filter: invert(1);
}

Design -> Custom CSS

4 hours ago, rwp said:

.container.header-menu-nav-item a {
  color: black !important;
}
.header-burger-btn.burger.burger--active {
  filter: invert(1);
}

Design -> Custom CSS

This worked! Thank you so much man!

On 7/30/2020 at 1:40 PM, rwp said:

.container.header-menu-nav-item a {
  color: black !important;
}
.header-burger-btn.burger.burger--active {
  filter: invert(1);
}

Design -> Custom CSS

I was having the same issue and FINALLY came across your answer. IT WORKED! Thanks for saving me.