Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard. Or, you can use child theme’s style.css if any.

@media only screen and (min-width:1025px) {
  
  .header-wrap .container {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }
  
  #mainnav {
    float: left;
  }
  
}

Regards,
Kharis

Hi,

Try adding this extra CSS code:

@media only screen and (min-width:768px) and (max-width:1024px) {
  
  .header-wrap .col-md-4,
  .header-wrap .col-md-8 {
    width: 50% !important;
  }
  
  .btn-menu {
    float: left;
  }
  
  #mainnav-mobi {
    left: 0;
  }
  
}

Regards,
Kharis