show navbar icon instead of navbar on larger screens

I’d like to show the navbar only on screens with width >= 1366 px

Can you tell me please how to set it in the bootstrap.min.css ?

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*menu on larger display*/
@media (max-width: 1366px) {
  .navbar-header {
      float: none;
  .navbar-left,.navbar-right {
      float: none !important;
  .navbar-toggle {
      display: block;
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  .navbar-collapse.collapse {
      display: none!important;
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  .navbar-nav>li {
      float: none;
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
      display:block !important;

Best regards,