Mobile Logo and Menu Issue

Hello,
Trying to get the CSS coded correctly that my Menu Icon is centered on mobile and the logo is centered but right aligned. I found the following CSS when searching on the forums and can’t seem to adjust the logo aspect.

In addition is there any way to get the text and menu to show ontop of the image like it does in the web/desktop version?

  @media only screen and (min-width:767px) and (max-width:1024px) {
    
    .site-header .row {
      display: flex;
      align-items: center;
      justify-content: center;    
    }
    
    .site-header .col-md-8 {
      margin-top: 0 !important;
    }
    
    .btn-menu {
      margin-top: 0 !important;
      height: 45px;
    }
    
  }

  @media only screen and (max-width:766px) {
    
    .site-header .row {
      position: relative; 
    } 
    
    .header-wrap .col-md-4 {
      max-width: 100%;
    }  
    
    .site-header .col-md-8 {
      height: 100%;
      position: absolute !important;
      top: 0;
      left: 0;
      margin-top: 0;
    }  
    
    .btn-menu {
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -2px !important;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);    
    }  
    
    #mainnav-mobi {
      margin-top: 35px; 
    }  
    
  }

  @media only screen and (max-width:360px) {
    
    #mainnav-mobi {
      margin-top: 15px; 
    }  
    
  }

Hello there,

Do you have a link to your site to provide here? So I can correct it based on your current situation.

Regards,
Kharis
aThemes Support

Website is https://seekadventuresnow.com/

Hello there,

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

    @media only screen and (max-width: 766px) {
      .header-wrap .col-md-4 {
        text-align: left;
      }
    }

Regards,
Kharis
aThemes Support

Works like a charm sir!!! Thanks so much

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
aThemes Support