Hello,
You can resize the logo on General options > Logo height. But i need to see your site to understand better the situation. The logo it can be fixed with some CSS.
Did you turn on the Show Responsive Menu Dropdown button on Header options?
Please send us your site url to see this further.

Best regards!

Hello,
1,2– Please add these lines to your custom CSS box:

@media (max-width: 480px)
{
.mobile_small_menu{
margin-left: -5px !important;}

#logo img {
    height: 45px !important;
   left: -15px !important;
}
}

3– Add these line to your custom CSS box:

@media (max-width: 1100px) and (min-width: 981px){
#logo img {
    height: 40px;
margin-top: -20px
}

.header_button{
margin-left: 9px;}
    
nav .menu > li {
     margin-right: 0px; 
     margin-left: 0px; 
}
}

Let us know.
Best regards!

Hello,

The header button is not visible by default in the responsive layout. To display it, please add this code into your custom css box:

@media (max-width: 767px) {
.header_button {
    display: block !important;
}
a.btn-bt.business.header_button {
    top: -35px;
}}

Result screenshot.

Best regards!

Hello,

I see that you haven’t pasted right this code:

@media (max-width: 767px) {
a.btn-bt.business.header_button {
    top: -35px;
}
 }

Did you add the codes above to you CSS box?
Send us your wp credentials to give it a closer look.
Just fill the profile user information, read this article for more information.

Best regards!

Hello,

Please go to your theme files –>\wp-content\themes\tower\css and open bootstrap-responsive.css. Find this line

.header_button{display:none !important;} and remove !important from it. This conflicts with the code that we gave you. I've paste it right on your custom CSS box, so after deleting !important, it should work and can display the button on the header area.
Let us know.

Best regards!