I figured it out:
This first code had padding-left, which moved the text on top of the hyphens on a mobile screen:
.menu li li a {
font-size: 1em;
margin-left: 0;
color: #4E6153;
}
So, I isolated the property I needed, and set it so that it will only appear on larger, desktop-sized screens:
@media screen and (min-width: 800px) {
.menu li li a {
padding-left: 5px!important;
}
}