Fixed против Sticky

Структура кода на сайте сейчас выглядит так:

<header></header>
<div class="filterBar"></div>
<что-то></еще>
<footer></footer>

В стилях header и .filterBar задано свойство position: sticky;
Что делает их «липкими» и самое главное весь последующий контент не плывет под них.
По ряду обстоятельств оказалось, что sticky мне не подходит и нужно заменить свойство position header и .filterBar на position: fixed;
И все вроде бы хорошо, но следующие блоки заплывают под них.
Как сделать, чтобы контент не заплывал под блоки с position: fixed; ?!

(Прим.: на первой картинке заплывает) (Прим.: на второй - так как нужно с отступами)