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!

Hello,

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

@media (max-width: 979px){
.mobile_small_menu { color: white;}
}

2-You mean to make the hole image a link? Yes, it can but you will need to make changes to theme files.
Go to file includes/view/portfolio/loop-grid.php and find these lines:
https://codeshare.io/93OhB
Replace with these:
https://codeshare.io/pGu8Y

3-Go to the page’s General Settings > Sliders Options > Codeless Slider Speed
, change the value here.

Best regards!

Hello,

You could decrease the menu items padding/margin in General Options > Header Options > Menu Options > Menu Items padding/margin, until the menu width is smaller than the header in this width and can be contained by header. Or add this code into your custom css box:

@media (max-width: 1024px){
.mobile_small_menu {
    display: block;
    left: 85%;
}
header#header #navigation {display: none;}
}

It will display the responsive menu when that width is reached.

Best regards!