Broadcast Theme - When mega menu is open - blur the website

[TBS2023]

How can i blur the rest of my website when my mega menu is open

At the moment - the menu gets lots within the website like this

and i would like it like this

Thanks

www.thebodyshop.ca

datsau

[Dan-From-Ryviu · Accepted solution]

Hi @TBS2023 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.container:has(.meganav--visible):after {
    content: '';
    background: #ffffff78;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(15px);
    opacity: 9;
}

[TBS2023]

AMAZING - thanks

[Dan-From-Ryviu]

You are most welcome!