Hey guys, have seen this issue on the forum quite a bit and have dug as deep as I can, but all posts on this are unresolved. I have a dropdown on my site nested in my navbar, it has a bg of white at 26% (transparency) and have applied background blur of 20px.
The outer nav container has a background blur of 10px which is working as expected, it’s just this nav dropdown. I have tried class re-ordering, pushing it with custom CSS instead (have tried using custom properties, page header code and a code embed), have triple checked class inheritance etc and nothing seems to be working.
I have a bit of JS in a linked CodeSandbox file but I’ve triple checked all possible interfering code there and nothing. It seems like a small issue I could easily resolve but I can’t for the life of me get it working.
Here is my site Read-Only: LINK