Hello,

You can customize it using css. Add this code into your Custom Css box:

@media (max-width: 991px){
.cl-mobile-menu-button {
    width: 45px;
    margin-right: 70px;
}}

Change values to your wish.
Best regards!

Hello,

Then add margin-top to .mobile_small_menu. Change the value until you are satisfied with the result.
Please keep in mind that personal customizations are not included in support.

Best regards!

Hello,

I can’t access the admin panel, too many redirects. But try this up first: add a “Tools” element in the header (beside logo). Uncheck all tools elements if you do not want to show them.

Let me know if you can see the mobile menu after this.
Best regards!

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!