Archived topic
Shadow on navigation bar, but not on the merged navigation header
5 replies · Started by Johan on August 29, 2022
Viewing posts 1–6 of 6
Hi!
Just added this css to get a beautiful shadow on the header navigation:
.site-header,
#mobile-header,
#sticky-navigation {
box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.43);
}But I don't want to be seen on the merged header navigation. Is there any way to fix that?
All the best!
-Johan
Hi Johan,
To have a better understanding of the issue, may you provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Sure! Submitted.
Hi there,
try this CSS instead:
:not(.header-wrap) > .site-header, #mobile-header, #sticky-navigation {
box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.43);
}David, the CSS king. Worked like a charm. Many thanks!
-Johan
You're welcome
This archived topic is closed to new replies.
