Topic: Navbar with container on Edge/IE
I'm using a mdb-navbar-element with containerInside=true and 2 ul-sections. On Chrome, Firefox and Safari the 2nd ul is floating to the right, but not on Edge and IE11.
<header>
<mdb-navbarSideClass="navbar fixed-top navbar-expand-lg navbar-dark indigo scrolling-navbar intro-fixed-nav ie-nav" [containerInside]="true">
<logo>
<a class="logo navbar-brand" routerLink="/" href="#">
<img class="mr-3 border border-light rounded-circle animated swing" [class.infinite]="animatedTest" src="../../../assets/images/test.png"
width="40" height="40" (click)="animatedTest = !animatedTest">
<strong>Test</strong>
</a>
</logo>
<links>
<ul class="navbar-nav mr-auto">
<li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
<a routerLink="/link1" class="nav-link">
<i class="fa fa-birthday-cake" aria-hidden="true"></i> Link1</a>
</li>
<li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
<a routerLink="/link2" class="nav-link">
<i class="fa fa-location-arrow" aria-hidden="true"></i> Link2</a>
</li>
<li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
<a routerLink="/link3" class="nav-link">
<i class="fa fa-camera" aria-hidden="true"></i> Link3</a>
</li>
</ul>
<ul class="navbar-nav nav-flex-icons">
<li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
<a routerLink="/link4" class="nav-link">
<i class="fa fa-user" aria-hidden="true"></i> Link4</a>
</li>
</ul>
</links>
</mdb-navbar>
</header>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Michael Csitkovics priority commented 7 years ago
I tried "nav-flex-icons" - now it is floating to the right, but too far (out of the container)!Damian Gemza staff commented 7 years ago
Dear cedsoftware, Could you please show me your code and some screenshots? It would help me to investigate that case. Best Regards, Damian