Page Anchor link jumps far beyond code block anchor

Hi,  http://www.pnaiorpdx.org  -> community -> book club

1. I've added links to page anchors at the top of the page.  For example,

1. A section of the page is titled "Future Book Suggestions."  

2. At the top of the page, "Future Book Suggestions" has the link https://www.pnaiorpdx.org/book-club/#suggestions so  you can jump right to this section.

3. The anchor is further down the page directly on top of the section titled "Future Book Suggestions."  The anchor is:  <p id="suggestions"/p>

Problem:  When you click "Future Book Suggestions,"  you land a few paragraphs further down than the anchor.  I would like to land at the line "Future Book Suggestions."

Is there a way not to jump beyond the anchor?

Thank you for any help!

Polina

images: a the link;  b. the anchor  c. where you land several paragraphs down from the anchor which has been placed on top of the section title.

Thank you so much!  I'll try this.  Polina

This works perfectly.  Thank you so much.  ~ Polina