Topic: change navbar-toggler color
She Jong Shon pro asked 5 years ago
How can I change the color of navbar-toggler in angular? My navbar is totally white so navbar-toggler can't be seen in mobile. I use below setting where navbar-toggler is embedded internally so I can't access the code to modify it.
<header class="h-100">
<mdb-navbar SideClass="navbar fixed-top navbar-expand-lg navbar-dark white scrolling-navbar intro-fixed-nav"
[containerInside]="true">
<mdb-navbar-brand>
<a class="logo navbar-brand" [routerLink]="['']">
<img src="/src/assets/images/logo2.png">
</a>
</mdb-navbar-brand>
</header>
How can I change the color please?! Here's the image for your reference.
Damian Gemza staff answered 5 years ago
Dear She Jong Shon,
Please add .navbar-light
class instead of .navbar-dark
, and your problem will be gone :)
The .navbar-light
class is used when you're using the light background color for navbar (for example white).
The .navbar-dark
class is used in the opposite scenario.
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.3
- Device: mobile
- Browser: chrome
- OS: windows 10
- Provided sample code: No
- Provided link: Yes