Replacing Hamburger menu with text in mobile version of Jasper

I have seen several responses related to replacing the Hamburger symbol with "Menu" text in some templates but have not seen one yet that works with the Jasper template. @Paul2009 seems to have figured it out for some people.

Would be great if anyone could provide a solution. Thank You.

@Grice Add to Home > Design > Custom CSS

label.mobile-nav-toggle-label {
   visibility: hidden;
}
.mobile-nav-toggle-label:before {
   visibility: visible;
   content: "Menu";
   position: absolute;
   right: 50px;
   top: 19px;
   font-size: 20px;
   color: #ff0000;
}

REference: https://beaverhero.com/jasper-squarespace

Gorgeous. Brilliant. Thank you.