How do you set the order of items on the Z axis? (backward, forward, on bottom, on top)

Design help General
1

Hi Guys & Gals,

On the first page of my site, I placed a Heading next to the menu button labelled Menu. I made it visible for desktop & tablet view. When pasting the item on the second page, it is hiding behind the menu bar and I cannot seem to order it to the front. See photos. Any ideas?

Allan

2

Try giving it a z-index. Click on position:relative and you’ll see the z-index property a bit lower. Try just typing 1, or a higher value in it.

Z-index defines the order of “layers”.

2 Likes
3

Thanks, I had tried that, but was not aggressive enough. The menu has a default setting of 1000, so I have now set 1200, which works a treat.

Cheers,

Allan