[Resolved] Shadow on navigation bar, but not on the merged navigation header

[Johan]

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

[Fernando]

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

[Johan]

Sure! Submitted.

[David]

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);
}

[Johan]

David, the CSS king. Worked like a charm. Many thanks!
-Johan

[David]

You’re welcome

[Author]

Posts