1 person found this helpful
If you use this on the symbol that is getting in the way it should allow you to click straight through it.
this = the symbol name, the symbol name may have to go inside " " since I can't remember
if you you want to turn it back to clickable you just change the none to visible.
hope this helps
Thanks Robyn_cpl for the heads up on the css 'pointer-events' function. Unfortunately I could not get it to work. I tried several ways but couldn't seem to apply it to the stage area of the symbol I was using for the menu.
However I did learn quite a bit in the experimenting. I discovered that when you create a symbol in a composition and then transfer it to another composition (copy and paste) - as I did for my project - the symbol comes with its own stage area. It was this 'invisible' stage area that was blocking my click event and preventing the click event going through to the button in another symbol below.
By making this 'invisible' stage area of the top symbol smaller (so that it didn't cover the button below), everything worked fine.
Despite my problem being solved, I'd still like to know more about this 'invisible' stage area that comes with imported symbols. Although you can see its outline (and change its size and position) there doesn't seem to be any way to bind a function to it like you can with the main stage. This, it seems, is why I couldn't use the css 'pointer-events' function to allow the click event to pass through.
I'd be grateful for any clarification as to this situation and maybe a link to somewhere that explains all of this.