Navbar Color wont change on Scroll (New)

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Navbar Color wont change on Scroll (New)

Chyavan MC asked 3 years ago

Expected behavior https://mdbootstrap.com/docs/angular/navigation/compositions/#i-f-t-n Used the exact same code in my angular project

  1. I initialized a new angular project

  2. Added mdb using

    ng add angular-bootstrap-md

  3. I added the styles, scripts paths and Module imports to app.module.ts

  4. I replaced the startup page code of app.component.html and app.component.scss by the code provided in the link

Actual behavior The navbar color stays the same even on scrolling

Resources (screenshots, code snippets etc.) enter image description here

Arkadiusz Idzikowski staff commented 3 years ago

You need to add the styles to the styles.scss file.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: Dell
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes
Tags
navbar color issue
Related topics
0
Fixed-Top Navbar Covers Content
0
Issues with Pop up Modal and GDPR Modal and Navbar
0
Angular navbar dropdown items hover color
0
How to change font color in navbar after collapsing?
2
Menu multilevel responsive
About author
Chyavan MC
5Support score
1Questions 0Answers
0Snippets likes 0Snippets