Okay
  Print

Use the mobile menu on tablet

Use the following CSS to enable the mobile menu on landscape iphone:

@media (min-width: 768px) and (max-width: 1024px) {
/* hide the desktop menu */
.headertop .menu {
    display: none !important;
}
/* show and position the mobile menu button */
.top-bar .title-area {
    display: block !important;
    width: auto !important;
    margin-top: 0 !important;
}
/* hide the search box ( header 1 and header 2 layouts only ) */
.header-layout-1 .top-bar-section > .hide-for-small, 
.header-layout-3 .top-bar-section .columns > .hide-for-small {
    display: none !important;
}
}

To install this on your site:

  1. Go to 'Appearance' -> 'Theme Options'.
  2. Click the 'Advanced Settings' tab.
  3. Copy and paste the above code into the 'Custom CSS' window.
  4. Click the 'Save Changes' button.