hi, i would like to create a blur image background effect like the attached photo into my website when opening drop down menu
, is there a code that can do this ? thanks
check website too , thanks!
Glad to help. Can you share the link to your website?
hi
thats my link 
Hello @Void-SimonToMar ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file or theme.scss.liquid file
Add this following code at the bottom of page
.dropdown-menu-class {
opacity: 0.7;
}
Adjust the opacity value as desired. A value of 1 represents full opacity (100%), while a value of 0 represents complete transparency (0%).
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
1 Like
hi
i already applied opacity and the results is the one you can see in my website i linked above, so thats not what i want. it seems more something that regards background image than drop down menu
bump ! pls let me know!