Display None for Symbol not working?

Hi There,
I am having an issue with an interaction and a preloader symbol. I have an interaction that turns the symbol display to none, but after the animation is over, I cannot click any buttons on the div beneath the preloader symbol. Its acting as if the symbol is still there or something.

The preloader has an index of 9999.

Here is my project link:
My Project

The preloader is only meant for Landscape mobile view.

Thanks for your help!

Can you wrap your symbol into an extra div, and target this div with the interaction, instead of targeting the symbol?

Im not sure why it worked but it did.
Thanks Vincent!

1 Like

It worked because a Symbol is a special object, so you should refrain from styling it directly or using it as a trigger or target of an Interaction.