Add “MENU” text to 3-bar Menu button does not work

So unless someone knows how to get the title ‘Menu’ to appear on ALL mobile devices next to the burger icon, not just some mobile devices, this is what I have finally done.
I have removed all of the following code from the child CSS:
/* START OF Add “MENU” text to 3-BAR Menu button */
.menu-btn {
width:90px;
height:30px;
vertical-align: top;
}
.menu-btn:after {
content:’Menu’;
float:right;
margin:-16px 0 0 0;
}
/* END OF Add “MENU” text to 3-BAR Menu button */

and have removed all code from the PHP

and the ONLY code I have left in is:
@media (max-width: 979px) {
.btn-toggle-nav .menu-label {
display: block;
}
}
And it works fine on the ipad but not my Samsung mobile

Thanks to you both for all your efforts.

I want to thank the 2 above that helped with this problem. For anyone else reading this – what worked in the end was taking out all of the suggested code above and just adding in the code that salsaturation suggested:

@media (max-width: 979px) {
.btn-toggle-nav .menu-label {
display: block;
}
}

This worked on a wordpress site that was not multisite enabled.
I also have a site that is multisite enabled and has exactly the same theme and settings but none of the code above worked.