Intelligente Lösungen Für Sie

Testseite mit einer umgekehrten "reverse" Menüleiste im Thema "AgencyM4"


Hier habe ich die obere Top-Line der Menüleiste mit der Bootstrap-Class "flex-row-reverse" versehen:

<div class="menu-content-top flex-row-reverse" id="topLine">

Hierdurch wird der gesamte Inhalt seitenverkehrt aufgebaut, das Logo wird also nach rechts gesetzt.

Nun wollte ich das Logo auch noch am äußeren Rand positionieren und habe die class="navbar-logo" etwas modifiziert:

.navbar-logo {
      font-size: 4rem;
      transition: font-size 0.25s;
      & img {
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 3px;
        margin-right: 20px;
      }
      .mbr-iconfont {
        transition: font-size 0.25s;
      }
}

Code