[Support request] Add header bottom border/shadow

[Rekamedia]

Hi,

How can I add shadow or bottom border to the header?
My header is sticky and background is white, the content area is also white. I want to show some shadow for the header when I scroll down.

[David]

Hi there,

you can use this CSS to modify the sticky navigation box-shadow:

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 4px 4px -2px rgba(0,0,0,.35);
}

[Author]

Posts