Mobile Menu on iPad Pro

PHOTO EMBED

Thu Oct 14 2021 08:13:17 GMT+0000 (UTC)

Saved by @MariusDT

<style>
@media screen and (max-width: 1150px) {
  .w-nav[data-collapse="medium"] .w-dropdown,
  .w-nav[data-collapse="medium"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="medium"] .w-dropdown-list {
    position: static;
  }
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}
</style>
content_copyCOPY

Add the mobile nav menu at the desired breakpoint

https://discourse.webflow.com/t/how-to-make-nav-menu-appear-at-specific-screen-width-before-the-tablet-breakpoint/172747/4