Top-menu med shadow når der scrolles?

Den arver en box-shadow fra sit parent element, .site-header-main

Jeg må indrømme, jeg aldrig har set det problem før, og ikke ved hvorfor det opstår - men åbenbart gælder det kun hvis parent er position: fixed og child er position: relative. Hvis du fjerner position: relative fra .site-header-main-inside, så går problemet væk - og det ser ikke ud til at have en negativ effekt ellers.

Det hjælper ikke at forsøge at give .site-header-main-inside box-shadow: none !important; så med mindre der er en meget mystisk regel, jeg aldrig har hørt om, vil jeg næsten vove at kalde det en bug.

Ja, det er lidt mærkeligt. Og den forsvinder når jeg benytter overflow: hidden !important; på .site-header-main-inside, men så forsvinder sub-menuen, eller kan ikke ses når man hoover over linket.

Det var også derfor at jeg sprang ud i noget flex-box, for jeg startede faktisk bare med at lave overflow-hidden og så alting ud til at virke.

Tror sgu jeg fik det fikset med #site-header-main #access::after {
    box-shadow: none !important;
}

Tak for at lede mig på rette spor. Hvordan giver jeg dig point?

Point findes ikke længere, men godt du fik løst problemet.