How to Fix the Responsiveness On an iPad

  1. Change first media call width to 1024px from 767px
  2. Add the following css under the first media call:
  3. @media (min-width: 400px) and (max-width: 768px){
    .navbar-toggle {
        display: block;
    }
    .navbar-header{width:100%}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in{
        display:inline-block !important;
    }
    .hidden-xs {
        display: none!important;
    }
    }
    
  4. If the background color when you click the menu is a different color than the menu background color then add .navbar-rittheme to the first media call and change the color to match
  5. Click Update to save changes