How to change font color on mobile menu overlay when I'm on a certain page?

Hello, I need help changing the font color on the mobile navigation overlay when I'm on an active page. I got the code below to work on desktop only. How do I apply the same look to mobile view? I want the active page to be yellow as seen on the attached screenshots. Website: https://banjo-smilodon-y827.squarespace.com/

/* Remove Navigation Link Underline */
.header-nav-item--active a{
  background: unset !important;
}

/* Change the color as needed to match your branding */
:not(.header-nav-item--folder).header-nav-item--active a, .header-nav-folder-item--active > a {
    color: #FFBF00 !important;
  font-weight: bold;
}

Thank you!

Amazing! This works! Thank you.