Support Center Visit Demo License manager Buy @ envato

Header Mobile breakpoint over 1240px?

KidoniKidoni
in Theme support
Hello,

Is there anyway to increase the pixel width for the Header Mobile breakpoint beyond the maximum 1240 px?

I see this selection in theme options, but it only goes to 1240. 

Thank you. 

Comments

  • KidoniKidoni
    Because we are using a big split menu we need our mobile breakpoint to be at least 1366. 
  • BryanBryan
    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
  • KidoniKidoni
    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;
    }
    }
  • KidoniKidoni
    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)
  • PabloPablo
    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
  • KidoniKidoni
    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. 
  • PabloPablo
    Please post your suggestion in this topic:

    We appriciate all of the incoming ideas to extend our theme.
    \thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.