search

1hanzla100 / developer-portfolio

Software Developer Portfolio Template built with react.js and next.js bootstrap that helps you showcase your work and skills as a software developer.
https://developer-portfolio-1hanzla100.vercel.app/
Apache License 2.0
692 stars 445 forks source link

Fixed Dark Blue Navigation Bar without scroll effect #50

Closed Gayashan97 closed 1 year ago

Gayashan97 commented 1 year ago

Hi Hanza, Can you please tell me how I can make remove the scroll effect in the navigation bar and instead make it a fixed navigation bar with the dark blue color when scrolling also. I tried removing the Headroom component however this completely removes the navigation bar without making it a fixed one. I would appreciate if you could please provide assistance on this.

1hanzla100 commented 1 year ago

@Gayashan97 Try adding class to navbar navbar-dark fixed-top

Gayashan97 commented 1 year ago

@1hanzla100 Thanks the navbar is now fixed on scrolling but unfortunately the dark blue color of the navbar did not appear. Any other idea on how I can do this?

Gayashan97 commented 1 year ago

I found it. It is bg-dark. Thanks anyways.