Responsive menu doesn’t work

This is a tricky issue, yeah ??

I don’t think it can be fixed with only CSS though. I will add to our ToDo list to maybe try and do something for cases like this but we don’t have any updates planned for the near future.

The closest solution I could find was if you add this custom CSS it mostly does the job but since the Menu bar is below the logo when the page is scrolled up, but it is at the very top after there will be a gap ??

@media only screen and (max-width: 768px)
{
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
    display: block;
    position: fixed;
    top: 125px;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    left: 0px;
    overflow-y: scroll;
    background: #FFF;
  }
}

Hello,

your solution works.

I’ve added another css rule for when the menu is positioned at the top to remove the gap.

Thank you

Federico

Awesome! ??