Не работают Z-index'ы

Не знаю что ты используешь для блока social, но можно использовать два свойства, это fixed (он позиционируется относительно body, даже если есть сверху relative или absolute) и свойство sticky, оно позиционируется относительно первого relative или absolute. Можешь с этим поиграться.

Ещё что пришло на ум: если у тебя один родитель и ты верхнему родителю задаёшь z-index: 10, а ребёнку z-index: -1, то по сути так z-index не работает. Ребёнок не может стать ниже чем родитель. Ты не можешь засунуть ребёнка под родителя (если это не псевдоэлементы after, before).

Лучший способ, чтобы у тебя было два разных родителя и потом у header position: relative и z-index: 10, а у блока social position: sticky и z-index: 1.

В общем это мои предположения, пробуй, удачи.