Menu-itemtitels onder menu-itemafbeeldingen

Ik heb icoontjes gebruikt als menu-items in mijn horizontaal menu. Mijn menu zelf heb ik horizontaal gemaakt met de class suffix nav-pills. Ik zou de menutitels zelf onder deze icoontjes willen krijgen, maar ze komen ernaast. Weet iemand hoe ik alsnog de titel van mijn menu-item onder de afbeelding kan krijgen? Ik gebruik versie 3.9 met het protostar-template.

Om je te kunnen helpen zullen we even de code moeten kunnen bekijken.

Patrick, welke code bedoel je dan? Want wat ik tot nu toe heb gedaan is gewoon in de aanmaak van de menu-items zelf.
Bij het tabblad linktype van elk menu-item heb ik bij linkafbeelding mijn icoontje ingevuld. Als ik "menutitel toevoegen" dan op ja zet, komt de titel ernaast in plaats van onder het icoontje.

Gewoon een link naar de website bedoel ik. Zodat we kunnen meekijken. Er is namelijk geen standaard knopje om dit te kunnen realiseren.

Het gaat om dominomeldert.be. Bij het icoontje van home en info heb ik de menutitel even terug zichtbaar gezet zodat je ziet wat ik bedoel.

Ik denk dat je aardig in de richting kunt komen door aan het template een user.css (in de map css) toe te voegen met onderstaande code: Daarmee zet je de breedte van de menu-items vast op 100px en dwing je de tekst dus onder het plaatje.

Je zou de tekst ook in de icoontjes kunnen plaatsten.

Ik ga dan gewoon mijn icoontjes aanpassen met de tekst eronder omdat ik vrees dat, als ik de breedte ga aanpassen, ik in de problemen kom op grote schermen. Toch bedankt allebei om mee te denken!