Elementor Navigation Mobile View

Issue

My website is designed in Elementor and I am using the default nav widget. In mobile view, the hamburger menu is going under the content. I have tried using z-index on different options but still can't figure out the issue. Your help will be appreciated.

Website Link

Solution

add this css to page:

.elementor-12 .elementor-element.elementor-element-db0b507{
    z-index:9999;
}

note: when the main parent is in the back of other layers(at the level of the parent), the children's z-index can not be placed on the top of other layers which are at the same level as the parent.

Answered By - mahdi gholami