# How to make divs overlap - mobile friendly?

**URL:** <https://forum.kirupa.com/t/how-to-make-divs-overlap-mobile-friendly/637224>\
**Category:** web dev\
**Created:** [September 26, 2017, 5:38pm UTC](https://forum.kirupa.com/t/how-to-make-divs-overlap-mobile-friendly/637224 "2017-09-26T17:38:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlexTechFlow](https://avatars.discourse-cdn.com/v4/letter/a/82dd89/32.png) [@AlexTechFlow](https://forum.kirupa.com/u/AlexTechFlow)\
**Post date:** [September 26, 2017, 5:38pm UTC](https://forum.kirupa.com/t/how-to-make-divs-overlap-mobile-friendly/637224/1 "2017-09-26T17:38:09Z")

</div>

Hi everyone.

I am wondering if z-index is mobile friendly?

Here’s one example of what I’m trying to achieve:

 ![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/9/9efd2a8f2dee2ff2f8955922ae40f5e7465b8bc6.png)

What is the best way to keep the heading stay on top of all other elements?  
I don’t want it sliding down when a user opens this on their tablet.

What is the best way to position divs/headings on top of other elements?

Thanks.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [September 27, 2017, 3:32am UTC](https://forum.kirupa.com/t/how-to-make-divs-overlap-mobile-friendly/637224/2 "2017-09-27T03:32:46Z")

</div>

Z-index with the position CSS property set to absolute or relative will work just fine 🙂