[Resolved] Menu shadow on mobile

[Salty Communication]

Hi,

I am using this CSS to add shadow to the primary menu header:

/* Menu shadow */
:not(.header-wrap) > .site-header, #mobile-header, #sticky-navigation {
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.43);
}

But how do I make it appear on mobile as well?

[David]

Hi there,

see my reply here:

https://generatepress.com/forums/topic/cant-get-hide-overflow-to-stick/#post-2344662

The issue is related 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Salty Communication]

Works perfect, however I want the shadow to disappear when the header is merged. How do I do this?

[David]

See here:

https://generatepress.com/forums/topic/cant-get-hide-overflow-to-stick/#post-2345636

Make that change as i included an update to the CSS so the shadow is only on the sticky mobile header

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Salty Communication]

👍

[Author]

Posts