Breadcrumb Mobile anzeigen

Moins Zusammen

Ich würde gerne die Breadcrumb Leiste Mobile anzeigen, bzw. schöner als ich es bis jetzt habe

Aktuell habe ich es so eingebunden

@include screen-md-down {
.pageNavigation {
    display: block;
}
}

Das Problem ist ich muss die ganzen Icons noch ausblenden da diese einfach unten dran übereinander stehen, das habe ich so gelöst

@include screen-md-down {
.pageNavigation .icon.icon16.fa-arrow-down, .icon.icon16.fa-bookmark-o, .icon.icon16.fa-tasks{
    display: none;
}
}

Es funktioniert aber es sieht unschön aus, im 4er hatte ich eine schönere Anzeige weiss aber nicht mehr ob das durch den Stile kam oder schon so von Haus aus ist. Hat da einer eine Idee wie man das schöner umsetzen könnte?

Quote from Christopher Walz

Ich habe es so umgesetzt:

Finde ich jetzt auch noch schön einfach so schlicht.

Quote from Hitman

Hier mal ein paar Beispiele, evtl. kommst du wieder darauf

Sowas in der Art sieht auch gut aus:

Wie Umsetzen am einfachsten, bin mich da erst am rein arbeiten in die CSS Geschichten.