Hello,

Can you please check your site? I can not access it, screenshot.
Let us know.

Best regards!

Hello,

1-In mobile i see the header background is set to white, with no transparency. This is what is covering the logo and menu. Please add this code into your custom css box:

@media (max-width: 767px){
.header_transparency header#header {
    background: rgba(255, 255, 255, 0.01) !important;
}
.mobile_small_menu .close:hover { color: #f9f2f2;}
.mobile_small_menu { top: 83% !important;}
#logo img {
    height: 83px !important;
    margin-top: -18px !important;
    left: -141px !important;
}
}

Result screenshot.
2-wpml menu is a widget in Top Nav area. By default this section of theme is not displayed in mobile layout. To show it, add this code into your custom css box:

@media (max-width: 767px){
.top_nav {  display: block;}
.top_nav_transparency #social_widget-6 { display: none;}
.header_wrapper { height: 72px !important;}
#logo img { margin-top: -27px !important;}   
}

Result screenshot.

Let us know.

Best regards!