Вас никто не обязывает показывать эту информацию. Возможно, для алгоритмов поисковых систем важно понимать серьезность сайта. Вы может размещать то, что хотите и считаете нужным.
Отбросьте все seo-предрассудки и взгляните на заголовки как на элементы разбиения текста на осмысленные части. Это и есть семантека HTML5. Заголовок H1...H6 - это заголовок блока: main, article, secrion и т.д. Это структурный элемент текста. ТЕКСТА!
В любом случае отрисовать придется под популярные устройства и проработать UI, даже с бутстрапом Вы должны понимать, как все будет выглядеть на малых экранах.
Без JS никак. Ваши блоки "вне" основного содержания и их высота для всех загадка. А какая такая крайняя необходимость все делать в абсолютном позиционировании?