Как сделать чтобы показывалась тень?

Question

[z_u_l]

Добрый день. Есть такая структура вёрстки. Как сделать, чтобы тень от .header перекрывала блок .header__sub?

Ссылка на пример

Хочу получить:

Comments

[Шохрух Шаймардонов]

А где вы там тень у .header нашли???

[z_u_l]

Шохрух Шаймардонов,

header {
position: relative;
width: 100%;
height: 60px;
background-color: #fff;
box-shadow: 0px 4px 20px rgba(216, 215, 214, 0.3);
z-index: 500;
}

[Шохрух Шаймардонов]

z_u_l, да код то я видел, вы сами видите в результате тень хоть?

[Шохрух Шаймардонов]

z_u_l, да и хоть обрисуйте хоть что хотите получить

[z_u_l]

Шохрух Шаймардонов,
"Как сделать, чтобы тень от .header перекрывала блок .header__sub." Вроде б написал)
Что хочу видеть - добавил.

[Шохрух Шаймардонов]

z_u_l, обрисуйте. Имел ввиду в виде картинки

Answer 1

[Андрей]

Нужно сделать еще одну обертку для Header
https://codepen.io/begprod/pen/abbLQbw