my nav bar has a backdrop filter background blur, and I am trying to get the same effect to apply to the nav hamburger drop down menu when that expands. I would like it to have the same background blur and drop shadow as one seamless element, or alternatively if it has the same effects applied to the individual menu in addition to the nav bar. I am not sure how to get my nav background div to expand with the expansion of the hamburger drop down menu, so I was trying to apply the blur to the Nav Menu separately from the Navigation Background. In this case, the background blur of the nav menu does not work. Any help please?
Backdrop filters create visual effects that apply to the area behind an element. To apply backdrop filters to your navigation menu, you’ll need to ensure the element has some transparency first. You can do this by using SVG or PNG image files, setting a transparent background, or reducing the element’s opacity. Then, add the backdrop filter:
Select your navigation menu element
Go to Style panel > Effects > Backdrop filters
Click the “plus” icon
Choose Blur from the dropdown
Adjust the blur radius to achieve your desired effect
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.