Offset scroll anchor in HTML with Bootstrap 4 fixed navbar

Question

So, I have this single page that consists of a few sections. Users can go to these sections by scrolling themselves or clicking in the navbar (a href with anchor). Due to th

Answer 1

Usually when using a sticky header like that you’ll want to find the height of your navbar and offset the entire view accordingly. Something like

body {
  margin-top:2rem;
}

Your other option would be to use JavaScript.