Blurred background doesn't work on mobile menu

[clelia.cadamuro]

Hi! I really like the effect of the blurred bar/background. Unfortunately it work perfectly on the menu bar but not on the menu background. In this case, it actually shows the transparency but not the blurred effect. Any idea how to solve it?
The purple example shows the problem. The red one what I would like to achieve :)

Thanks!

[alexfregon]

Same for me.

[arminunruh]

hmm for me it works

on your second screenshot it also seems like it works?

do u have a link

[clelia.cadamuro]

Hi Armin,
I posted the second screenshot just to show the result that I would like to achieve; that reference comes from an older thread on this forum.

My website, where the blurred effect doesn’t show, is www.cleliacadamuro.com

Thank you so much :)

[arminunruh]

hey on your mobile version currently its just empty white

can you please install the addon "simple ssl"

because some things cant be loaded correctly cause you switched to using https / ssl

[arminunruh]

[clelia.cadamuro]

Hi Armin, the plugin simple ssl was already installed. The blurred effect still doesn't work on the menu background, even if it's applied and the background its a little transparent

[arminunruh]

well your website is just a white empty box when i resize it so its smaller

when i go here:
https://www.cleliacadamuro.com/

instead of here:

http://www.cleliacadamuro.com/

Hi Armin, the plugin simple ssl was already installed

usually that should not happen if that plugin is installed

so for the blur not working:
the menu animation is an animation where it goes from 0 height to full height.
i think thats why the blur doesnt work.
go to customize → mobile → mobile menu

and then as menu style, DONT use menu style 3