Mobile menu hidden behind content

Hello!

Thanks for your reply. No, I was not able to fix it. The menu shows up, but when you scroll the content, the content (search box, news items, etc.) is on top of the mobile menu and you can’t click on the mobile menu.

I’ve cleared the cache multiple times and tried it on different phones, so that shouldn’t be the problem.

Hello,

Yes, I was trying to fixed the problem, it is back online now. OK, so I found that the problem was this code:

.home .av-section-color-overlay, .home .template-page, #footer, #header {
	z-index: 1 !important;
}

However, this code was needed for my live search suggestion box to show on top of those elements. I’ve remove the search suggest box for now, so you won’t see that issue.

However, is there a way to show the mobile menu on top, even with the code mentionned above?

As I said before, I tried the following, but it didn’t work:

@media only screen and (max-width: 767px)  {

.av-burger-overlay{
z-index:9999!important;
}}

Thanks!

I have fixed this issues. Thank you, we can close the ticket.