Navigation Menu gets overlapped

Hi
I see that your header isn’t sticky on mobile, but this sounds like it could be a z-index issue. Try setting e very high number for the z-index under the advanced tab. Try that on the header section and the nav menu widget. I hope this helps.

Hello,
I tried increasing the z-index for the header section and the nav menu widget, starting from 99 to 99,999 but to no avail. Now that the sticky mode is enabled, can you inspect the issue I am facing?

Thanks for your response.

Hi,
I had some time to look at your site again and it looks like you are using the elements kit menu. I don’t support that plugin but since I was already looking I thought I’d help anyway.
I found this code

@media (max-width: 1024px)
.elementskit-menu-offcanvas-elements {
    height: 100%!important;
    padding-bottom: 10px;
}

That needs to be changed to this

@media (max-width: 1024px)
.elementskit-menu-offcanvas-elements {
    height: 100vh !important;
    padding-bottom: 10px;
}

I hope this helps!

Hello,
I couldn’t change the code, but I changed the Header plugin from elements kit to BrainstromForce. Now, I am having no problem with the navigation menu. Thanks for your time.