Hey Scott,

Please provide the page url so that i can write up the custom css for whats possible. Also see:

Add TEXT Next to Hamburger Menu Icon

Thanks

Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

/* color and opacity when header is resized */
.small-nav .slide-out-widget-area-toggle a span:after {
    color: #999 !important;
    opacity: 1 !important;
}
.small-nav .slide-out-widget-area-toggle a:hover span:after {
    color: #2ac4ea !important;
}
/*  match styling of hamburger icon to text */
.slide-out-widget-area-toggle a:hover span:after {
    opacity: 1 !important;
}
.slide-out-widget-area-toggle a span:after {
    content: "MENU";
    font-size: 25px !important;
    position: relative;
    left: -81px !important;
    color: #ffce39;
    text-decoration: none;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    top: 2px !important;
    opacity: 0.75;
}
/* increase width of icon to house the extra text */
header#top nav ul .slide-out-widget-area-toggle a {
    margin-left: 65px !important;
}

Thanks