On Screen size 767px Menu will broke.

Hi @alok_singh I review your MR, I notice some points in it. Here we have SASS files to change the CSS. Without directly change the compile CSS, we can change the . Scss file. So Whenever next time the cases will generate then it's not going to modify. For now your changes will removed when next time all cases will compile. Instead of changing CSS you can make changes in /school_zymphonies_theme/sass/media.scss and compile them.
You can change code like this

.region-primary-menu {
    .menu-base-theme {
      ul {
        display: flex;
        align-items: center;
      }
    }
  }

Adding patch

Menu is still breaking on 767 resolution.

HI,

I have made the changes in media.scss file as per the issues and now resolved. kindly find attached the patch file.

I have also checked on other mobile and iPad resolutions and it working fine.

@amitnar , tried the #12 patch on 10.3.x, and it's not working