Hello,

Can you please check that the “Header Options > Show Responsive Menu Dropdown” option is set ON first? If it already is, than add this code into your Custom Css box:

@media (max-width: 480px){
.header_5 .mobile_small_menu {
    display: block;
    color: white;
}
ul#mobile-menu {
    background-color: grey;
}}

Else, set it ON, and try again.
The Logo is present, but since the header background is white and the logo as well, it get invisible. Add this code into your Custom Css box to make the header in mobile transparent (change the background value to any color you want):

@media (max-width: 480px){
.header_wrapper {
    background: #ffffff00 !important;
}
#logo img.dark { width: 95% !important;}
section#slider-fullwidth {min-height: 151px !important;}
}

Result screenshot: https://postimg.org/image/yplc7pl51/
Let me know.

Best regards!

Hello,

You can do that by adding a margin-left attribute to the #logo img.dark. Example:

#logo img.dark {
 width: 95% !important;
 margin-left: 20px !important;
}

Change values to your wish.

Best regards!