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.
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.
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!
