XF 1.5 Add FontAwesome Icons to Navbar?

[michm0]

Hi all,
My destop version its fine with the icons on the navbar see here (icons + text)


but i want to disable the text only on the mobile version, i want to see just the icon on the mobile version


i want to see this on my mobole version (photoshop picture)



here is my EXTRA.css code

.publicTabs a.navLink:before { font-family: "FontAwesome"; font-size: 15pt; padding-right: 5px; font-weight: normal!important; }
.forums a.navLink:before { content: "\f015"; }
.members a.navLink:before { content: "\f0c0";}
.members-map a.navLink:before { content: "\f041";}