Shadowing below header?

[Ryan1998]

Hello, can someone please help me to put shadowing under the header?

url: https://errival.com/products/errival%E2%84%A2-mini-rubber-band-shotgun

Like this:

[Guleria]

Hello @Ryan1998 ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code at the bottom:

header.header {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 16px 0 rgba(0, 0, 0, 0.19);
}

Thanks

[AK_Design_Dev]

add this css on base.css file

.header-wrapper {
background-color: rgb(var(–color-background));

-webkit-box-shadow: 0 8px 6px -6px black;

-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 6px 14px -14px black;

}

[Ryan1998]

Thanks for reply, doesn’t seem to be working though

[Ryan1998]

Thanks for reply, doesn’t seem to be working though

[AK_Design_Dev]

i think its your mistak… where this css put in your store

[Ryan1998]

[Guleria]

Seems you break the css file that’s why its not working.
try this edit theme.liquid search for and just before of it add this code

[Ryan1998]

yes

[AK_Design_Dev]

body .header-wrapper {
background-color: rgb(var(–color-background));

-webkit-box-shadow: 0 8px 6px -6px black;

-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 6px 14px -14px black;

}