Несколько способов сделать так, чтобы якорные ссылки не уезжали под фиксированную шапку сайта:

• Использовать псевдоэлемент :target. 3 Он отвечает за оформление элемента, на который указывает якорь. 3 С помощью margin или padding можно переместить заголовок ниже шапки. 3
• Применить скрипт на JavaScript. 2 Он будет узнавать высоту прокрутки до якоря, прибавлять нужный зазор и задавать новую прокрутку. 2 Для этого можно использовать, например, плагин scrollTo на jQuery. 24
• Использовать свойство scroll-padding-top. 2 Оно работает на движке Chrome. 2
• Обернуть якорь в блок div и сделать позиционирование якоря чуточку выше. 1

Выбор решения зависит от конкретных условий и возможностей разработчика.