Hi @kory
Sorry for posting this here but pretty sure you’ll have either a decent answer or explanation
on chrome desktop, firefox etc this works. on safari or iOS is does not.
Off canvas menu has a blur effect added to it.
Any ideas??
@scotbaston, I assume you’ve put this in via Element CSS or something like that since the Effects Module CSS of the Off Canvas / Modal / Dropdown Elements is output on the toggle, correct? If that’s the case, it’s likely that you’re missing the browser-specific prefixes needed to get backdrop-filter working properly in Safari. If I apply the following Element CSS on my Off Canvas Element in a test case, I am able to get the blur effect working in Safari:
$el .x-off-canvas-content {
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
}
The Effects Module does this by default for properties not fully supporting the native syntax. For example, the whole new Masking Effect leverages that -webkit- prefix everywhere, in addition to having to make some property value swaps for things like mask-composite, since the prefixed property has different values that correlate to the same end result.
Just a little aside there to provide some more context. 
No problem!