Archived topic
Header shadow - exclude from homepage
3 replies · Started by pro123 on March 19, 2022
Viewing posts 1–4 of 4
Hi Team,
I have added below CSS to create a shadow below the main header.
I would like to exclude below CSS from my homepage only on Desktop and Mobile. There should be no shadow below the main header on the homepage.
.site-header {
border-bottom: 1px solid #DDD;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.site-header, #mobile-header {
border-bottom: 1px solid #ddd;
box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;
}
Thanks in advance!
Hi there,
try this CSS:
body:not(.home) .site-header {
border-bottom: 1px solid #DDD;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
body:not(.home) .site-header,
body:not(.home) #mobile-header {
border-bottom: 1px solid #ddd;
box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;
}Thanks David :)
You're welcome
This archived topic is closed to new replies.
