Hello,

1-Please add this code into your custom css box:

@media (max-width: 480px){
.header_10 #logo {
    left: 9% !important;
}}

Result screenshot: https://pho.to/AgtHh
If you need to make logo even smaller after this, than add this code as well inside the @media rule:

#logo img {
    max-height: 42px !important;
}

It will become like this:

@media (max-width: 480px){
.header_10 #logo {
    left: 9% !important;
}
#logo img {
    max-height: 42px !important;
}}

Edit the values to your wish.

-The top header is not visible in mobile by default. You can make it show, using custom css, but since you have two custom menus set in it, they will display as mobile menu as well. Making it look weird and not that functional(screenshot). If you still need to show it, i suggest you first add text widgets into it.

Best regards!