Set up a sticky header correctly

Hi everyone,
every time I find myself developing a site with Bricks, I go crazy to set the header correctly.

What I would like to accomplish is:

  • vertical centered of content of the hero section in the presence of a transparent header
  • avoid header overlap by clicking an anchor link

Can anyone help me so that I finally avoid wasting days every time solving these problems?