Hallo Mirco,
ich erläutere es jetzt mal am Haus-Icon.
Lege eine neue Hauptseite an. Nenne sie bspw. „Haus“.
Jetzt legst Du auf irgendeiner Seite ein Text-Widget an, mit dem Du den Code erstellst.
Füge jetzt im Text-Widget das entsprechende Symbol ein („weitere Richtextformate [+:] > Piktogramme) und ändere anschließend noch die Schriftgröße des Symbols. Welche Größe ist zunächst egal, es geht nur darum für die Schriftgröße schon mal einen Eintrag im Code zu haben.
Jetzt schaltest Du in die Quelltext-Ansicht („< >“) um. Hier steht jetzt bspw.
<p><span style="font-size: 30px;"> <i class="fa fa-home fr-deletable" aria-hidden="true"> </i> </span></p>
Entferne jetzt noch <p> am Anfang und </p> am Ende:
<span style="font-size: 30px;"> <i class="fa fa-home fr-deletable" aria-hidden="true"> </i> </span>
Jetzt kopierst Du diesen Code, gehst in die Eigenschaften der Seite „Haus“ und fügst den Code unter „Name > Name“ ein („Haus“ also überschreiben). Im gleichen Fenster gibst Du unten noch das Weiterleitungsziel an, bspw. Deine Startseite.
Wenn das Symbol nun zu groß oder zu klein ist, kannst Du den Wert im Code mittels „font-size“ anpassen.
Vielleicht ließen sich die Symbole doch noch mittels CSS von den restlichen Einträgen des Hauptmenüs trennen und auf die rechte Seite bringen. Da müsste dann aber auch noch die mobile Ansicht berücksichtigt werden, das könnte also sehr aufwändig werden. Vielleicht äußerst sich ja mal einer der CSS-Cracks …
Viele Grüße
Tom