Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
@SILVENU ,
Try this.
.tt-desktop-header {
box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
}
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.
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?
Thank you!!
This is an accepted solution.
@SILVENU ,
Try this.
.tt-desktop-header {
box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
}
Reduce 30% to a Lower value for Less bright shadow.
You can also lower the 3px to 1px or 2px to reduce the height.
Thank you so much!!
@SILVENU, You're welcome.
User | RANK |
---|---|
227 | |
167 | |
66 | |
53 | |
53 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023