By default the  navigation links are images this simple css code will fix it but for desktop only

 <style>
@media screen and (min-width:
540px){
#navindex a:before {content:"New
name";} /* Home */
#navuserlist a:before {content:"New
name";} /* Members */
#navrules a:before {content:"New
name";} /* Rules */
#navsearch a:before {content:"New
name";} /* Search */
#navprofile a:before {content:"New
name";} /* Profile */
#navpm a:before {content:"New
name";} /* Messages (counter will not
be displayed) */
#navadmin a:before {content:"New
name";} /* Administration */
#navlogin a:before {content:"New
name";} /* Login */
#navlogout a:before {content:"New
name";} /* Logout */
#pun-navlinks li a span {font-
size:0;}
}
</style>

[text] <style>
@media screen and (min-width:
540px){
#navindex a:before {content:"New
name";} /* Home */
#navuserlist a:before {content:"New
name";} /* Members */
#navrules a:before {content:"New
name";} /* Rules */
#navsearch a:before {content:"New
name";} /* Search */
#navprofile a:before {content:"New
name";} /* Profile */
#navpm a:before {content:"New
name";} /* Messages (counter will not
be displayed) */
#navadmin a:before {content:"New
name";} /* Administration */
#navlogin a:before {content:"New
name";} /* Login */
#navlogout a:before {content:"New
name";} /* Logout */
#pun-navlinks li a span {font-
size:0;}
}
</style>[/text]