Fixed header and anchor tags

Caveats: I am new to this forum and have been using RH 2015 since the end of May. I'm somewhere between beginner and intermediate with CSS and HTML, and I know nothing about JQuery or javascript.

I have tweaked the Desktop Catalog with Home Page multiscreen layout so that it has a fixed header and the content scrolls up underneath the header. This works well and looks lovely until clicking a link to an anchor, such as when using the MiniTOC to navigate in a topic. The anchor loads underneath the header at the top of the browser window instead of below the header at the top of the visible space.

After investigating the problem, I had hoped that I had found a fix at Hashtag Links that Don't Headbutt the Browser Window, but it didn't work.

More research and digging into how RH configures its bookmark anchors and I discovered that the bookmarks are configured with a

     <a name="blahblah"></a>

tag for the anchors instead of a

     <h1 id="blahblah">Blah di Blah</h1>

tag.

According to W3 Schools, "The <a> name attribute is not supported in HTML5. Use the id attribute instead." This is disappointing, since the output choice is Multiscreen HTML5.

Can anyone offer a solution that will work with RH's apparently outdated <a name="MiniTOCBookMark1></a> format?

Thanks in advance!

P.S. I am posting this at the end of the day and I will not be in to work again until morning August 22, 2016, so if I do not respond to clarification questions right away, please don't think I am ignoring you.