Table of Contents

I am trying to integrate Table of Contents(TOC) to my website. Everything is working but when I click on an element in the left side TOC link the page was scrolling to the correct section but that was hiding behind the menu bar. I am completely confused how to get rid of this. Can someone help me regarding the same.

Here my site link:

You could easily solve this issue by not using a fixed header. If that is a requirement then you could add padding top to the content anchors or look into using CSS scroll-padding-top on the HTML element for example.


That works in most browsers but not all. See → "scroll-padding-top" | Can I use... Support tables for HTML5, CSS3, etc

I just tried but that didn’t worked