Hello,

Have you disabled the responsive mode in this site? I suggest you enable it again so the site content is scaled properly in mobile. To rever menu style from mobile to normal, add this css into Specular > General Options > Custom Css:

@media (max-width: 979px){
.mobile_small_menu {
    display: none !important;
}
header#header #navigation{
    display: block !important;
}
}

Best regards!

Hello,

I added the tools and the mobile menu is on now. Please clear cache and refresh page.

Best regards!

Hello,

Yes, this is done so that the sub-menus are shown/hidden in mobile just like in desktop. It was a very required feature for mobile from our customers.

To avoid this, I recommend adding the parent item in the sub-menu list too. Then add a custom css class to it (screenshot).
Then add this CSS to that custom CSS class:

@media (min-width: 979px){
.hide_in_desktop {
    display: none;
}
}

So the new menu item, will not be visible in desktop but only from tablet screen size and smaller.

Let us know.
Best regards!

Hello,

That’s the normal layout of the menu in desktop. In mobile, however, it is needed additional customization to make the sub-menu items toggle under the parent. As you can see in our online demo, this does not happen.

I can’t tell for sure if this wasn’t included as a feature in any of the theme’s updates, but it is not an original feature.

This is customization not included in support, but I will add it to the developer’s to-do list. So we can add it in future updates. (This way you won’t need to redo any change to these files in the future).

Best regards!