Archived topic

Menu shadow on mobile

4 replies · Started by Salty Communication on September 16, 2022

Viewing posts 1–5 of 5

September 16, 2022 at 2:43 am #2344574

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?

September 16, 2022 at 4:05 am #2344663

Hi there,

see my reply here:

The issue is related :)

September 17, 2022 at 1:33 am #2345535

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

September 17, 2022 at 4:51 am #2345651

See here:

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

September 18, 2022 at 1:13 am #2346312

👍

This archived topic is closed to new replies.