Image over everything Unity

Question

I want to create a UI for a VR game to use it as a loading screen, the scene has a camera an image, a text mesh and a loading icon, the image is the background and the text and loading icon should be on top of it.

The problem is that the text is under the image:

For the image I tried using a UI image and a 2D sprite renderer, both give the same result, I also have layer 5:UI, 6: subtitules and the 0:default but it does not matter what I choose for each GameObject it always stays this way.

Here are the settings for the image and the text:

Also as requested here is the hierarchy of the UI elements where Fondo is the background image, Carga is the loading icon, and Texto is the text mesh that is giving me trouble, the Logos object is an object that is shown just the first time you open the game, so when enteriong the scene Logos is active and Consejos is not. If it is not the first time we open the scene it is deactivated and Consejos activates:

Any ideas?

Answer 1

As you can read in the documentation:

Draw order of elements

UI elements in the Canvas are drawn in the same order they appear in the Hierarchy. The first child is drawn first, the second child next, and so on. If two UI elements overlap, the later one will appear on top of the earlier one.

To change which element appear on top of other elements, simply reorder the elements in the Hierarchy by dragging them. The order can also be controlled from scripting by using these methods on the Transform component : SetAsFirstSibling, SetAsLastSibling, and SetSiblingIndex.

Another thing you can do to control the render order of UI objects is to put them on different canvases. Which is often a good idea for performance reasons anyway (A change on one element of a canvas means that the whole canvas needs to be redrawn, but other canvases do not). You can then control the draw order of the different canvases by changing the "Sorting Layer" and "Order in Layer" in the inspectors of the canvases.

The "Layer" drop-down in the upper-right corner of the inspector of every game object isn't for controlling render order... usually. It can be when you have a setup with multiple cameras with multiple culling masks. But that requires a much more complex setup. The actual function of that dropdown is to control which camera renders what and what collides with what.