Hide submenu on mobile

  • Resolved dfart

    (@dfart)


    6 years, 11 months ago

    Good Morning.

    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.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello dfart,

    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;
    }
    }

    Thread Starter dfart

    (@dfart)

    Thanks for your answer.

    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;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide submenu on mobile’ is closed to new replies.