Anyone know how to display the tablet nav menu on an iPad Pro?

Design help General
1

I would like to show the tablet navigation menu (with the hamburger) on an iPad Pro, but not on desktop view.

I’ve used this trick on projects to handle custom container widths on iPad Pros:

  @media screen and (min-width: 1024px) { 
    .container {
    	max-width: 960px;
    }
  }

Does anyone know if it’s possible to use similar CSS to trick the tablet menu into opening? Or is this handled by the webflow.js?

3 

@media screen and (max-width: 1140px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
1 Like