Hello,

Please add this code into your custom css box:

@media (max-width: 480px){
#logo { left: -156px !important;}
.header_tools { left: 38px !important;}
#logo img.dark {
    max-height: 118px;
    margin-top: -65px;
}
.mobile_small_menu { left: 30px !important;}
}

Result.
Let us know.

Best regards!

Hello,

Please send us your wp credentials in a private reply. So we can do it for you.

Best regards!

Hello,

The code i gave you does the job, but you need to make another edit (i can’t access the file so i can’t do it for you). Go to file css/bootstrap-responsive.css and find this line:
#logo{float:right;left:0 !important; right:0 !important; -webkit-transform: none !important;
replace with this:
#logo{float:right;left:0; right:0 !important; -webkit-transform: none !important;

Best regards!

I did this procedure but still not working properly.

may you please have a look to homointraprendente.it ?

tks

Hello,

@lucaleandro,
The suggested above, is the another site. Your site has different logo, with different dimensions. I believe i have already responded you regarding the logo in responsive.. Please open your own ticket, so we can keep up with the code and the changes needed to be made after it.
However, this code should fix your issue. Add it into your custom css box:

@media (max-width: 480px){
.mobile_small_menu { left: -50px;}
#logo img {
    height: 70px;
    top: 65px;
    left: -206px;
}}

Result.

Best regards!