Bottom of the Header

Hi there,

Can you link me to the example site in question?

That was my site. I designed with the help of elementary but it is not live now. Similar to this, elementor is also using the same which I want to achieve. Here's the link
https://elementor.com/about/privacy/

Try this CSS:

.site-header {
    box-shadow: 0 2px 20px 0px rgba(0, 0, 0, .2);
}

I am looking for this: https://ibb.co/G5xYx2p

Edited code above.

Thanks, David..you're awesome.

But I want to exclude one page (homepage only) because I am using transparent and I want it remains the same. Only on the homepage. How to do it?

Change: .site-header to body:not(.home) .site-header

Thanks David

You're welcome

hey David,
I just checked this is working on desktop only and not on mobile. I want it on mobile too.

Use this CSS:

body:not(.home) .site-header,
body:not(.home) #mobile-header .inside-navigation {
    box-shadow: 0 2px 20px 0px rgba(0, 0, 0, .2);
}