Make blur when dropdown menu is activated

Store Design
,
1

Dear ALL,

I am looking for the solutions to make the other sections blurry when dropdown menu is activated. I have tried other solutions such as look for codes in edit code but I was unable to look. Please help advise us where can I make the other sections blurry or a bit darker when drop down menu us activated.

When I click cart, the other sections changes darker. I would like to know if I can do the same for drop down menu. Screenshot below for your reference.

#1 current screenshot.

Thank you very much.

THEBLOOR_0-1701312175349.png
THEBLOOR_0-1701312175349.png1899Ɨ739 178 KB

#2 when cart is activated, the othersections are darker.

THEBLOOR_1-1701312372754.png
THEBLOOR_1-1701312372754.png1499Ɨ808 234 KB

2

Hi @THEBLOOR ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file ā†’ Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

Hi @THEBLOOR

Go to your Online store > Themes > Edit code, open theme.liquid file, add below code after tag