Чтобы открепить шапки и двигающиеся при прокрутке элементы на сайтах, можно заменить свойство position: fixed на relative в свойствах селекторов из медиазапросов, настроенных на обнаружение мобильных устройств. 1
Для закрепления шапки сайта в верхней части экрана независимо от прокрутки страницы нужно прописать для неё в CSS параметры position: fixed и top: 0. 3 Чтобы шапка была всегда видна на фоне остального контента, следует использовать параметр z-index и присвоить ему достаточно высокое значение. 3
Если нужно, чтобы шапка страницы перемещалась вместе с прокруткой, но «прилипала» к верху экрана при достижении определённой точки, следует применить свойство position: sticky. 3
Также закрепить элементы при прокрутке можно в программе Figma с помощью функции «Fix position when scrolling». 4 Для этого нужно выделить элемент и нажать во фрейме, затем поставить галочку напротив надписи «Fix position when scrolling». 4