Hello, I have some button icons with images that I move from menu to menu on my UI with tweening. The snag is that they often pass behind parts of my menu. I’ve tried several solutions from searching:
- Messing with the hierarchy. This isn’t feasible for what I want to do because the icon is already jumping about in the hierarchy as part of my move system.
- Putting the icons in sorting groups using the Sorting Group Component. This doesn’t seem to have any effect, no matter what order I put them in.
- Making the icons sprites, then using the inbuilt sprite sorting groups. This just makes them invisible or sends them to the back. Trying to fix this seems to involve making everything a sprite, which would likely wreck my UI.
- Adding a Canvas set to “Screen Space - Overlay” to the button. This stops them from being interactable.
Can anyone help me with any of these?