Top Navbar questions

Bootstrap Studio Help
1

In this picture, I am trying to address two issues.

BSS_navBar
BSS_navBar1920×378 97 KB

First - I am using the STICKY control to keep the nav at the top of the screen when it is scrolled - but there is a slight bump when it goes into the sticky state. I believe it is from the padding or margin control before the beginning of the scroll. How do I remove this? Or fix it to stay still?

The second item is whether there is a way to close this gap between the Top Navigation bottom and my second navigation using a paragraph. Also can this be controlled to stay sticky as well? So, I have two components for the top navigation that I need to remain visible while using the site.

Sorry, I know this is a lot, and I would appreciate any input or corrections.
-K

2

To eliminate the gap above and between the navbars, you can add m-0 p-0 to the container-fluid, which is the second element in the navbar. You can also combine the two nav elements into one navbar by adding a row and two columns in the navbar collapse, placing each nav element in its own column.

1 Like
3

Thank you - I will try and report back. What about the sticky nav having a slight bump before it locks to the top when scrolling down on the page?