BrickYard href #pagejump links go too far

I just tried a local page jump link for the first time on this site, and it always jumps too far using the Brickyard theme.

First I tried something like this:

<a href="#bucket">picture</a>
...
<h2 id="bucket">Bucket Brackets</h2>

The heading doesn’t show up, and the next paragraph is partially covered by the navigation bar.

I wondered if I got more space, if that would allow the heading to show. To try to get more space, I have temporarily put in horizontal rules and linked to them, like this:

<a href="#bucket">picture</a>
...
<hr id="bucket">
<h2>Bucket Brackets</h2>

But it still jumps too far. The horizontal rule, heading, and part of the paragraph are missing.

I see this problem with Firefox, Chrome, and Edge, either logged in or anonymous.

A live example can be seen on the page link below. It is a direct link that goes to a horizontal rule above the heading, both of which are off the screen:
https://www.logolites.com/products/signal-lights/#bucket

Any useful help is appreciated.

Thanks,
Kyle