Исправлен заголовок с выпадающим меню, которое перемещает контент

Question

Вот что происходит, когда нефиксировано, и это поведение, которое я хочу, но я хочу, чтобы navbar был исправлен

Вот что происходит, когда исправлено: он не перемещает содержимое ( именно за этим выпадающим списком)

// scss for the nav
.filterbar {
    position: fixed;
    top: 0;
    box-shadow: 0 0 15px black;
    width: 100%;
// for info section
.filters-info {
    margin-top: 110px;
    display: flex;
    justify-content: space-between;
}

Как это исправить? (нижнее поле не помогло). У меня есть две идеи: 1. получить реквизит toggleFilterbar и изменить стиль на основе этого 2. сделать абсолютную позицию навигации, а затем изменить ее на фиксированную. Однако, я думаю, должен быть более простой css способ исправить это

Answer 1

Предоставить position:relative; до .filters-info

и

Заменить margin-top: 110px; на top: 110px;