How can I add a drop shadow under my sticky header upon scrolling?

Hello! I’d like to put a blackdrop shadow below my sticky header seperator line upon scrolling down. I know it might be a complicated thing to code, so thank you in advance for any answers! Here’s a link for my website & the password for it.

https://prestigestraps.com

Password: asd321

Hi, @kitchencrafted .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

sticky-header.header-wrapper.color-background-2.gradient {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

For some reason, It didn’t work. Could check again, please? Thank you in advance

Hi, @kitchencrafted .

Please share your store URL and password.

https://prestigestraps.com

Password: asd321

Hi, @kitchencrafted.

Add this code base.css file paste the code mentiond below.

sticky-header.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px !important;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!