Second Level Submenu Dissapers When I Set the max-height and overflow

  • worldless

    (@worldless)


    2 years ago

    Here is my drop-down menu in html:

    <ul class="main-nemu">
   <ul class="sub-menu">
      <li>
         <ul class="submenu">

    And here is what I did to set the max height:

    .sub-menu{max-height:500px,overflow-y:auto}

    The problem is that when I hover on the first sub-menu, the second sub-menu does not appear. Is there a solution to this problem?

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

  • @worldless please share the URL of the website because I want to check

    Thread Starter worldless

    (@worldless)

    Hi Muhammad. well I’ve installed WordPress on local but here is an image for a better concept:

    https://imgur.com/EN3OvDJ

    Moderator bcworkz

    (@bcworkz)

    We would need a link to a live page demonstrating the issue. It’s the only way we can investigate what’s going on and suggest a proper fix.

    Does this relate to a theme you’re developing? If not, I suggest asking for help through the theme’s dedicated support channel. If this is your own custom theme, do you have admin access to any online WP site? If so you can easily spin up a staging site with the WP_Staging plugin. In the staging site, upload a .zip of your theme and activate it. Then provide for us the relevant staging site link to the page that we should investigate.

    Thread Starter worldless

    (@worldless)

    Well it almost has nothing to do with the theme (assuming that it’s a simple multi-level theme). I tried this with multiple free themes that supported multi-level menus and they all came up with the exact same result. take the following theme as an example (which has the exact same sub-menu class):

    https://wordpress.com/theme/pictorico

    This theme has four children (FIRST CHILD, SECOND CHILD, THIRD CHILD and FOURTH CHILD. the fourth one is hidden as you can see in the image because of the added elements).

    The third one has another sub-menu. so I set the height and overflow up to three children for the first sub-menu class (now the fourth child is hidden and you need to scroll down to see it). once I hover over the third child (which has the sub-menu) it won’t show up because of the overflow. now the question is how can I limit the height of a submenu that has another level?

    View post on imgur.com
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Second Level Submenu Dissapers When I Set the max-height and overflow’ is closed to new replies.