My widget is being covered up by something else

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 Navigator. 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