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 · Accepted solution]

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 · Accepted solution]

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;

}

[Guleria · Accepted solution]

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

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

[Guleria · Accepted solution]

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

[Ryan1998]

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

[Guleria · Accepted solution]

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

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

[Ryan1998]

yes👍

[AK_Design_Dev · Accepted solution]

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🙁

[AK_Design_Dev]

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

[Ryan1998]

[AK_Design_Dev · Accepted solution]

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;

}