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!

Hello,

No isn’t possible by default. The only possibility is to make the title bolder and make the font larger.

In that case you can this code into Tower > Custom Css Box

#mobile-menu .menu-item-has-children a{font-size:19px; font-weight:800;}

Let us know.

Regards!