Articles on: Common Styles

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:



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:



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 ⬇️




Updated on: 24/01/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!