Header Mobile breakpoint over 1240px?

Comments

• Kidoni

  August 2019

  Because we are using a big split menu we need our mobile breakpoint to be at least 1366. 
• Bryan

  August 2019

  Hey,

  sorry but the max breakpoint is 1240px in theme options.

  Maybe you could share a link to your website so we could see if there is anything we can think of that might help you.

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Kidoni

  September 2019

  Hey,

  
  

  falconscreativegroup.com

  
  

  The menu needs to go into mobile once it goes under 1430px

  
  

  Our menu shows poorly in 1366px and 1280px (which are very common screen sizes)

  
  

  We were reallly hoping you would have custom CSS, that other themes have to fix this issue, where we could set a custom mobile breakpoint. We found code like this below:

  
  

  @media (min-width: 768px){

  #page .navbar-default .navbar-toggle {

  display: block;

  float: right;

  }

  #page .navbar-collapse {

  display: none!important;

  }

  #page .navbar-collapse.in {

  display: block!important;

  }

  #page .navbar-header {

  float: none;

  }

  }

  
  

  @media (min-width: 999px){

  #page .navbar-default .navbar-toggle {

  display: none;

  }

  #page .navbar-collapse.collapse {

  display: block!important;

  }

  #page .navbar-header {

  float: left;

  }

  }

  
  

  @media (max-width: 999px){

  .navbar-default .navbar-nav > li > a {

  line-height: 20px;

  padding-top: 10px;

  padding-bottom: 10px;

  }

  .navbar-nav>li,

  .nav.navbar-nav {

  float: none;

  }

  }
• Kidoni

  September 2019

  Please note that we temporarirly have shortened the menu to patch this problem. But it is not ideal. 

  
  

  please advise on a custom CSS solution (hopefully)
• Pablo

  September 2019 edited September 2019

  You would have to add a lot of custom css code to reach that, and we provide help only with minor css tweaks.

  
  

  With that amount of menu items nearly all of the devices will have problems to display it.

  We suggest to use the hamburger menu (header simple) or overlay menu as a primary menu.

  
  

  All other solutions, requires files customization what in reference to Item Support Policy is not allowed. So if you want to modify files and don't know how, you should contact your web developer.
  

  
  

  Item Policy says:
  Item support does not include services to modify or extend the item
  beyond the original features, style, and functionality described on the
  item page. For customization services that will help you tailor the item
  to your specific requirements, we recommend contacting the author to
  see if they privately offer paid customisation services or checking out
  the great service providers on Envato Studio
  

  
  

  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Kidoni

  September 2019

  The above CSS is just an example.  I would consider this a flaw with BeTheme. Lots of other theme providers provide this custom CSS to simply change the mobile breakdpoint. 

  
  

  Could you please add this to the wishlist of features? 1240px does not cover enough screen sizes...15 inch screens and 19 inch screens are quite popular in the US, so a bigger mobile breakpoint is greatly needed. 
• Pablo

  September 2019

  Please post your suggestion in this topic:

  https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

  
  

  We appriciate all of the incoming ideas to extend our theme.

  \thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next