При разработке сайта, в шапке которого есть важная информация, меню навигации, или форма для ввода данных, логика которой присутствовать на каждой странице сайта и быть постоянно доступной для ввода, в независимости того в какой области сайта находить пользователь, рационально использовать фиксированную шапку сайта. Это означает, сколько бы пользователь не прокручивал страницу шапка постоянно будет вверху области видимости страницы.
Но такое решение является не практичным при разработке адаптивного дизайна для экранов с шириной <768рх, так как с уменьшением ширины экранов устройства уменьшается и его высота, часть которой забирает контент, который не меняется (шапка сайта).
Отображение занимаемую площадь страницы фиксированной шапкой при размерах экрана 320х640px.
Одним из вариантов решения данной проблемы есть полное или частичное скрытие контента (важной информации, меню навигации или формы) сайта в раскрывающееся по щелчку мыши кнопки.
