How to control Z-index
Getting Started
This article covers how you can use and control Z-Index on your website. Follow the instructions accordingly.
Controlling Z-Index
To control Z-Index, follow the steps given below:
- Select any row, column, element, or section in your builder to edit it
- Go to Advanced
- Expand the Visibility and Position option
- Find the option to control the Z-Index value
Refer to the GIF below:
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-13-at-12_1lci3l7.gif)
How it works
Let us take an example where a particular section overlaps another section. In this case, the footer overlaps with the section above it.
Refer to the screenshot below:
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-3_8y7qhj.png)
If we want to change that and want the section above to overlap with the footer, we can simply do that by manipulating the Z-Index, as shown in the GIF below ⬇️
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-13-at-12_8c8v6u.gif)
Updated on: 24/01/2023
Thank you!