Help Center > Elementor Editor > Widgets > Troubleshooting widgets & FAQs > My widget is being covered up by something else

My widget is being covered up by something else

Last Update: September 2, 2025

This post has been translated using machine translation, which may result in minor inaccuracies or differences in wording compared to the original. We apologize for any errors or ambiguities. Please feel free to contact us if we can clarify anything for you.

Issue

One element is on top of, or under, another element.

Solution

Adjust The Z-Index

You need to change the Z-index of one of the elements. For example, if your menu is being hidden by an image that is displayed on top of the menu dropdown, you have a Z-index problem.

The Z-Index property specifies the stack order of elements. An element with greater stack order will always be in front of an element with a lower stack order.

To solve this you simply need to adjust the Z-index value of one of the element’s.

  1. Go to the element’s Advanced tab.
    Note
    You can access a hidden element using the Structure window. For details, see Use page structure to navigate your page.
  2. Make the Z-index lower or higher to move the layer below or above the other element, as needed.

See Also: How to use Z-Index in Elementor

On this page

Share this article

Hosted with