I've got some UI elements and a 3D mesh imported from blender. I've tried stuff like sorting layers, so that I render my 3D mesh below a canvas UI element(side panel), for which I put my 3D mesh prefab under the UI layer, but, my mesh always ends up rendering on top. How can I render my mesh below the UI element? This is similar to the TMP(Text Mesh Pro) issue I have seen on the web, but, I already have front and back materials for the mesh, so I can't use TMP's distance field overlay shader.
Here's the basic hierarchy:
parent
|
----->myprefabMesh (on layer UI)
|
|---->UISidePanel (on Layer side panel)
Sorting layer order:
-- UI
-- LayerSidePanel