Mobile break point...set ast1350px!

Support
#1

My site has many nav menu links. I need the mobile/burger menu to appear at 1350px. I’ve tried all scripts on other forums posts, nothing works…link to site below.

#2

Hello There,

Thanks for writing in! To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

@media(max-width: 1350px){
  .x-nav-wrap.desktop {
    display: none;
  }

  .masthead-inline .x-btn-navbar {
    display: block;
    float: right;
  }

  .x-nav-wrap.mobile.collapse {
    display: none;
  }

  .x-nav-wrap.mobile.collapse.in {
    display: block;
  }
}

By the way,

X 5.1.1 and Cornerstone 2.0.6 are now available in automatic updates! This release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/). Please do update to the latest version. After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

#3

i tried this and it works but the menu is now not clickable at certain width. Please test the link now at 1100px wide for example; it is just not working,

#4

Hi,

Kindly change the code provided with this.

@media(max-width: 1350px){
  .x-nav-wrap.desktop {
    display: none;
  }

  .masthead-inline .x-btn-navbar {
    display: block;
    float: right;
  }

  .x-nav-wrap.mobile {
    display: block;
  }

  .x-nav-wrap.mobile.collapse {
    display: none;
  }

  .x-nav-wrap.mobile.collapse.in {
    display: block !important;
  }
}

Hope that helps.