Доброго времени суток. Подскажите, как быть.
Есть верхнее адаптивное фиксированное меню-шапка, которое имеет
position: fixed;
top: 0;
left: 0;
right: 0;
Если я на странице добавляю любой элемент, он при скролле уезжает под нее, как и должно быть.
Но если я добавляю позиционирование элементу position realtive оно при скролле наезжает поверх меню, перекрывая его. Realtive нужен для создания теней с двух сторон используя position:relative; основного блока и position: absolute; для :Before этого блока.
То же касается и clip-path если его задать любому блоку на странице. Он сразу во время скроллинга начинает становиться выше, чем меню.
Может ли это быть как-то связанно с прописанными в Body?
display: flex;
flex-direction: column;
min-height: 100vh;
Но и отказаться я от этого не могу, это нужно что бы футер был всегда внизу, независимо от количества контента на странице.