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



Please insert min. 20 characters.

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: 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