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;
}
}