Виктор

Прям так с ходу у меня два решения:
1) Делаем навбару position fixed и позиционируем его снизу, а body или другому блоку (как будет по разметке) задаем нижний падинг на выстоу навбара.
2) делаем что-то типа того

<div class="wrap">
    <div class="content">Пустое серое пространство</div>
    <nav class="navbar">Навбар</nav>
</div>

и css

.wrap {
min-height: 100vh;
display: flex;
flex-direction: column
}

.content {
flex: 1
}

.navbar: {
height: /*высота*,
/* другие стили */
}