I am trying to make a navigation menu like this.
I was able to set the width to navbar but I cannot get it to align in the center of the page.
Are there any built in settings to make a navigation bar sticky? I am trying to get it to resize to a smaller height when sticky.
Hi @ryanb,
I think you are using Bootstrap 5 based on the class names - might be wrong. To get your navbar to be smaller and centered you can just wrap it in a container and set the containers size. Then add the sticky-top class to the container.
For changing the size of the navigation I would recommend using JavaScript and an InteractionObserver to add a class to the navbar container to change the height.
Cheers,
Bob
Thanks for sharing this info this is useful. Keep it up.
