Wookie Theme - Header Shadow?

Solved
SILVENU
Tourist
13 0 3

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!

Accepted Solution (1)

Accepted Solutions
Zeian_Shahzad
Shopify Partner
432 81 130

This is an accepted solution.

@SILVENU ,

Try this.

.tt-desktop-header {
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
}
Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!

View solution in original post

Replies 7 (7)
Zeian_Shahzad
Shopify Partner
432 81 130

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

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
SILVENU
Tourist
13 0 3

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?

@Zeian_Shahzad

Thank you!!

Zeian_Shahzad
Shopify Partner
432 81 130

This is an accepted solution.

@SILVENU ,

Try this.

.tt-desktop-header {
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
}
Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!

View solution in original post

Zeian_Shahzad
Shopify Partner
432 81 130

@SILVENU,

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

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Zeian_Shahzad
Shopify Partner
432 81 130

@SILVENU,

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

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
SILVENU
Tourist
13 0 3

Thank you so much!!

Zeian_Shahzad
Shopify Partner
432 81 130

@SILVENU, You're welcome. 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!