title: flatsome menu responsiveness breakpoint
body: <p>my website's main menu responsive breakpoint is at the 850px for mobile menu. Though I want to change it to a mobile menu from 1369px, as the desktop main menu after 1369px overflow the site content. I have tried CSS such as:</p>
  <pre><code>@media only screen and (max-width: 1369px) {
      .header-nav.header-nav-main.nav.nav-left.nav-line-grow.nav-size-small.nav-spacing-medium.nav-uppercase {
          display: none;
      }
      .mobile-nav.nav.nav-left {
          display: block; !important:
      }
  }
  </code></pre>
  <p>Thus it only hides desktop menu but no hamburger menu appears...</p>
  <p>Could somebody advise me how to change this breakpoint correctly? p.s. I am an amateur beginner in web development.</p>
  <p>Thank you in advance.</p>