I'm doing a one page site.
At the top of the page I have a fixed position header with logo, menu etc.

As it stands now, when I click on a menu link to take me to the relevant section it takes me there ok but as the header is fixed position the section starts at the top of the page under the header.
Is there a way to get the section(div) to start about 7rem from the top? My header is 5rem so 7 should be good.