> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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)