Не могу сообразить и понять, какие задать стили css для попапа, чтобы при разных разрешениях экранов, попап который под хэдэром, также сдвигался, пропорционально его начальному положению относительно хэдэра.
То есть при уменьшении экрана, уменьшается ширина хэдэра и также сдвигается в меньшую сторону попап, а при увеличении наоборот, на сколько сдвигается хэдэр - настолько и попап.
Ширина контейнера 1440px,в рамках которого и хэдэр и остальной контент.
Для наглядности, я нарисовал мокапы, на второй картинке - ширина контейнера 1174px (это для условности, чтобы показать некую ситуацию поведения хэдэра и попапа при уменьшении экрана).
Простой
