Wookie Theme - Header Shadow?

[SILVENU]

Hi!

Does anyone know how to add a shadow under the header on Wookie? There is a shadow under the sticky header, but I would like a permanent shadow if possible.

My site: silvenu.com

Thanks!

[Muhammad_Ali_S]

@SILVENU,

Add this at the bottom of the Theme.css file.

.tt-desktop-header {
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}

 Do let me know if it works as you wanted.

[SILVENU]

This applies the shadow to the header and information bar... is there a way to just do the bottom of the header?

Also, is it possible to make the shadow a little less dramatic? ie. reduce the thickness or darkness of it a little?

@Muhammad_Ali_S

Thank you!!

[Muhammad_Ali_S · Accepted solution]

@SILVENU ,

Try this.

.tt-desktop-header {
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
}

[Muhammad_Ali_S]

@SILVENU,

Reduce 30% to a Lower value for Less bright shadow. 

[Muhammad_Ali_S]

@SILVENU,

You can also lower the 3px to 1px or 2px to reduce the height. 

[SILVENU]

Thank you so much!!

[Muhammad_Ali_S]

@SILVENU, You're welcome.