Icons im Menu ÜBER die Menupunkte

  • Gelöst Ikarus2013

    (@ikarus2013)


    vor 4 Jahren, 7 Monaten

    Hallo zusammen,

    ich bastel nun schon seit Stunden rum, aber ich finde einfach keinen Weg, wie ich im WordPress Main Menu Icons zu den Menupunkten hinzufügen kann, die ÜBER den einzelnen Menuelementen positioniert werden und nicht daneben. Ich habe das Plugin „Menu Icons“ installiert, aber dort sind Icons und Text immer nur nebeneinander positionierbar. Habe es mit display: flex; usw. versucht, dann bekomme ich die Elemente zwar übereinander positioniert, aber das Icon klebt oben am Headerrand, die Schrift viel zu weit unten und ich schaffe es nicht, die Elemente einzeln, unabhängig voneinander, zu positionieren, da sie beide immer im selben span-Block stehen.
    Weiß hier jemand vielleicht eine Lösung?

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 4 Jahren, 7 Monaten

    Mein spontaner Versuch wäre 

    
.menu-item i._mi {
    display: inline-block;
    position: absolute;
    top: 40px;
}

    Wie auch immer – die Frage ist in einem Forum für CSS besser aufgehoben und hier off topic. Nur weil du WordPress verwendest, wird aus deiner Frage zur Gestaltung mit CSS keine Frage für den WordPress Anwendungs-Support.

    Thread-Starter Ikarus2013

    (@ikarus2013)

    vor 4 Jahren, 7 Monaten

    Vielen Dank für den Lösungsvorschlag auch wenn es offtopic ist! Funktioniert erstmal, nur bekomme ich die Icons nicht genau zu den Menupunkten zentriert. Aber egal…

    Moderator Bego Mario Garde

    (@pixolin)

    vor 4 Jahren, 7 Monaten

    … nur bekomme ich die Icons nicht genau zu den Menupunkten zentriert

    Ging mir auch so, allerdings fehlt mir ein wenig Zeit, das weiter auszuarbeiten. Wie gesagt: in einem CSS-Forum ist die Frage besser aufgehoben.

    Frage damit beantwortet? Dann können wir den Thread bitte als „gelöst“ markieren.

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Icons im Menu ÜBER die Menupunkte“ ist für neue Antworten geschlossen.

Schlagwörter