Instead of the top location, I want to show the reference text in the middle of the page

[varshilmehta]

When you click the reference number, it takes to reference which is stuck at the top of the page.

I am actually using a sticky navigation bar on the top and it takes 1 line, so if I click a reference button in text, it takes to the respective reference but can only see half of the reference due to sticky bar. (When I clicked reference 32, it takes me to 32 reference but I can just see half of it since the other half is below the sticky bar).

So I would like to show the reference a bit below of the sticky bar. How should I position it?

[Vitaliy-1]

It can be done with JQuery Javascript library (integrated into the theme). Take a look at this thread: https://stackoverflow.com/questions/17534661/make-anchor-link-go-some-pixels-above-where-its-linked-to

[varshilmehta]

Where do i need to add this code? In JS folder/Article