Mobile submenus will not collapse

  • Mobile submenus will not collapse in hueman theme. Menus are always expanded. Any fix on this? I’ve tried this css with no result:

    @media only screen and (max-width: 719px) {
    .nav ul { display: none!important; }
    .nav li:hover ul { display: block!important; }
    }

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

  • Hi educaaeh. Your code works on a default theme configuration. The header will expand to display the top-level menu items, and the submenu is displayed on hover. The problem you’ll run into is that the submenus will expand but only be visible to the bottom of the header. You’d most likely need javascript to adjust the header when the submenu expands. But then you have the possible issue of the content area moving up and down depending on where you are in the menu. To alleviate those issues the theme expands the full menu and calculates the header height so all the menu items are visible.

    Thread Starter educaaeh

    (@educaaeh)

    Ok, thank’s for answer.

    You’re welcome. If that answers your question please mark the topic as Resolved. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile submenus will not collapse’ is closed to new replies.