Hello,

I added this code into your custom css box:

@media (max-width: 480px){
.header_button { 
    display: block !important;
    float: left !important;
    top: 11%;
}
#logo { float: left !important;}
}
@media (max-width: 767px){
    #logo { float: left !important;}
    .mobile_small_menu { left: 30px !important;}
}

For the logo in mobile portrait and landscape.
The header button by default does not display in mobile. I added the needed code into your custom css box, but for it to take effect, you need to go to file css/bootstrap-responsive.php and find this line:

.header_button {
    display: none !important;
}

Remove the !important from it and save file.
Let us know.

Best regards!

Note: I see you have Tower theme installed. This is Specular theme support forum. Please keep in mind to always post at your theme’s specific forum, to avoid any misunderstanding and get the right solution.
Also please keep in mind that duplicating topics of the same issue will not help get a faster answer (we reply to topics regarding their arrival time. The olderst first.)
But will also mess up the forum, making it harder for other users to browse and find the right solution to their issue.

Thank you for understanding and cooperating!

Best regards!

Hello,

For the mobile menu i removed this line: .mobile_small_menu { left: 30px !important;} from the @media (max-width: 767px) block of code and added this:
.mobile_small_menu { margin-left: -30px !important;} in the end.
For the logo position in landscape, i added this:

@media (max-width: 979px){
#logo {  left: 60% !important;}
}

Please check it.

Best regards!