Unconfigured mobile version

Was able to build my site in the PC version, it was very good! But in the mobile version it turned out different than expected, even disappointing the main menu. How do I leave the logo on my site on the left and the main menu on the right in the mobile version?
Thank you
Website: teste.lucassousa.me

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
      .site-header .col-md-4 .site-logo {
        max-width: 200px;
      }
    }

    @media only screen and (max-width:767px){
            
      .header-wrap .container{
        text-align: left;
      }

      .header-wrap .btn-menu{
        float: right;
        margin-right: 15px;
      }  

      .header-wrap .col-md-4 {
        max-width: 90%;
        position: relative;
        z-index: 2;
      }

      .header-wrap .col-md-8 {
        margin-top: -50px;       
      }        

      #mainnav-mobi {
        top: 70px;
      }
      
    } 

Regards,
Kharis

Thank you! It worked

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis