Mobile menu background

I think that this is a bug or maybe I just need support .
For the mobile menu I have it set so that tit is White text on a red background, however, when the mobile goes responsive to the mobile "burger" menu, it becomes white text on a white background.

Debugging I should be able to inject the following css to fix it, but it gets overwritten to white background

@media all and(max-width:767px)
.collapse-button :not(.bd-mega-item).bd-menuitem-28 > a, .collapse-button :not(.bd-mega-item).bd-menuitem-28 > a:link, .collapse-button :not(.bd-mega-item).bd-menuitem-28 > a:visited
{
background-colour: #ee3124;
}

This is currently set in style.min.css and background-color: #fff and I cant change it.