Hello,

This happened because of the big logo size. Add this code into your Custom Css box in General menu:

@media (max-width: 480px){
#logo {
    left: 62px !important;
}
.mobile_small_menu {
    margin-left: -52px !important;
}}

Result: https://ibb.co/jRXSb3T

Best regards!

Hello,

The three bars menu you have now at the far right side of menu is in fact an extra side-bar menu. You can add content to it as widgets, in Appearance > Widgets.
To remove it, go to Specular > Layout > Extra Side Navigation, set it OFF.
To add mobile navigation, go to Specular > Header Options > General > Show Responsive Menu Dropdown, set it ON.

Best regards!

Hello,

I tested the site in mobile Samsung S6 and in desktop browser mobile simulation and did not had the issue once! I navigated thru menu for 7 minutes strait.
What mobile phone do you have? Where are you checking this?

Let us know.
Best regards!

Hello,

You have to add this custom css:

@media (min-width: 1199px){
.header_container.cl-transparent {
    position: absolute;
}

}
@media (max-width: 1199px){
.cl-mobile-menu-button {
display:inline-block !important;
}
.header_container .header-row #navigation {
    display: none;
}
}

Let us know.

Regards!

Hello,

Please can you add this custom css into Specular > General > Custom Css Box:

@media(max-width:480px){
   .mobile_small_menu{left:100%}
}

Let us know.

Regards!