Full page menu overlay on mobile - Avenue Templte 7.0

Website

Hi -

I would like to change my mobile menu to a full page overlay with white background, rather than the current pulldown. Possible?

Thank you!

It's not likely to be possible with your template, it's designed to push down your content rather than overlay, that said try this "solution", add to custom CSS (not completely sure this will work!):

@media only screen and (max-width: 750px) {
  .menu-open {
    height:94vh;
  }
  #mobileNav {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

Let me know if that works.

4 hours ago, Ziggy said:

It's not likely to be possible with your template, it's designed to push down your content rather than overlay, that said try this "solution", add to custom CSS (not completely sure this will work!):

@media only screen and (max-width: 750px) {
  .menu-open {
    height:94vh;
  }
  #mobileNav {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

Let me know if that works.

Didn't work, but thank you for trying.

Yes, it's the "menu open" that is probably the problem.