I ask for your help to try to improve the web page of my company.

When entering from a mobile phone, if you access the menu, submenus also appear and, since from the upper menus you can access the pages that are in the submenus, I would like to be able to remove the submenus in the mobile version and leave them only in the computer version.

Thank you.

simply you can put custom style-sheet for that in which you could create one class e.g “hidden-phone” into media query for mobile.

/* ============================================== */
/* iPhone4/Android portrait 320×480 */
/* iPhone5 portrait 320×568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.menu_desplegable.menu_en.hidden-phone {
display: none;
}
}

I’m a little lost, the code I have to put it in the Style.css and that the code I have for the submenu is between the “{}”?

It would look like this:

@media screen and (max-width:320px) {
{display:none;}
.menu_desplegable.menu_en.hidden-phone {
display: none;
}

html .menu_principal {
    position: relative;
}
html .shailan-dropdown-menu,
html ul.dropdown li {
    position: static;
}
html .shailan-dropdown-menu ul li ul {
    left: 0;
}
html .menu_en .shailan-dropdown-menu ul li ul {
    margin: 0;
}