On iPad landscape - menu stays open by default and won't close

Support
#1

With the latest Cornerstone, when viewing my client’s site with an iPad in landscape mode - the hamburger menu is open by default and will not close.

Installed Version
6.2.5 CHANGELOG
Latest Version Available
6.2.5 CHANGELOG

Cornerstone Version 3.2.5 |

Suggestions?

Larry

#2

Hello Larry,

Thanks for posting in! You have been experiencing this issue because you added this custom css:

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape){
    .masthead-inline .x-btn-navbar{
        display:block;
        float:right
    }
    .x-nav-wrap.desktop{
        display:none
    }
    .x-nav-wrap.mobile{
        display:block
    }
    .x-nav-wrap.mobile.collapse{
        display:none
    }
    .x-nav-wrap.mobile.collapse.in{
        display:block
    }
    a.x-btn-navbar:after{
        content:'Menu'
    }
    a.x-btn-navbar{
        float:right!important
    }
}

Please remove this code and this should resolve your issue.

Hope this helps. Kindly let us know.

#3

Well if I take this CSS out then I never to not having a mobile menu button on the iPad landscape. How can I still have the mobile button appear and not the standard nav bar. I just want the mobile button to work correctly.

#4

Hi again,

Try replacing your code with the following code:

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape){
  a.x-btn-navbar {
    display: block;
    float: right;
  }

  nav.x-nav-wrap.desktop {
    display: none;
  }
  .x-nav-wrap.mobile:not(.x-collapsed) {
    display: block !important;
  }
}

Let us know how this goes!

#5

Thank you! It worked!

#6

We are glad we were able to help, you are welcome :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.