This involves nothing more than padding and margin changes to the menu bar, menu items and menu items text sections.
Simply add the text after your font awesome header codes in the page name with an html line break between the two.
And here is the CSS that TBS Menu generated to do the job.
/* TopBar Surgeon Generated CSS BEGIN... */
.top-bar-section ul {
padding: 8px 0px 0px 0px !important;
}
.top-bar-section ul {
margin: -30px 0px 0px 0px !important;
}
/*menu LineHeight*/
.top-bar-section ul li > a {
line-height: 30px !important;
}
.top-bar-section ul li > a {
margin: 8px 0px 0px 0px !important;
}
/*Fix Dropdown Margins if margins set in Menu Items*/
.top-bar-section .dropdown {
/*margin-top : 5px!important;*/
margin-left: 0px !important;
min-width: 100% !imporant;
}
.top-bar-section ul li.has-dropdown ul {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/*Fix Dropdown Margins if margins set in Menu Items - Text Area*/
.top-bar-section ul li.has-dropdown li > a {
margin-left: 0px !important;
/*width:auto !important;*/
}
/* ...END Top Bar Styler Generated CSS */