Responsiveness On iPad

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:

@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;
}
}

3. 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
4. Click Update to save changes