Help with custom Header and Mega Menu

[CONFORTI]

Hi,

Im lookin for somebody to help with custom animation on Header and Mega Menu in Prestige theme.

I want to operate like the apple menu .. dropping down from the top with the same animation and the sight transparent blur on headed bar and mega dropdown menu... also blurring out the site underneath when activated.

see site https://www.apple.com/ 

please let me know if you can help me with this and your fee to do so 🙂

Best,

AC

[Asad-Mahmood]

Hi @CONFORTI 
I would be happy to help you. Could you please share your store url so that I can add the desired styling?

[namphan]

Hi @CONFORTI,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

details.header__menu-disclosure[open]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    z-index: -1;
    backdrop-filter: blur(10px);
}

[namphan]

Hi @CONFORTI,

Have you tried this?