Dropdown menu showing incorrecly – automatically expands sub menus in astrange way

This topic has 10 replies, 3 voices, and was last updated 1 year, 4 months ago ago by Rose Tyler

  • Avatar: JoltDigital
    JoltDigital
    Participant
    November 8, 2022 at 11:22

    On our site, we have a three level menu

    Top level
    Second level
    Third level

    For some reason, when you hover on one top-level menu item, it displays all third level menu items when it should only show the second level.

    The third level items all appear to be overlapping too.

    You can replicate the error on the Fixes for Adults item. Hovering on phobias should show other menu items and not anxiety, trauma etc.

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2022 at 11:44

    Hello,

    Thanks for using our theme.
    Your site is under maintenance mode, so we can’t check it.
    Please provide temporary wp-admin access via the Private Content area.

    Regards

    Avatar: JoltDigital
    JoltDigital
    Participant
    November 8, 2022 at 20:44

    /Hi, the site is now public, please can you review and advise ASAP?

    Avatar: JoltDigital
    JoltDigital
    Participant
    November 8, 2022 at 23:23

    It looks like there is an issue with the nav walker (?) in the theme. there are second-level menu items which should have > to open their third level menu items, but they are not showing. I’ve checked the menu config. any ideas?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 9, 2022 at 06:56

    Hello, @JoltDigital,

    Actually, The thing is issue appear only at the “FIXES FOR ADULTS” menu item. Because the other menu named “FIXES FOR KIDS” is working fine check the image of this menu item: “https://postimg.cc/dZVyNsL6 and https://postimg.cc/z34zcDbf ” The menu “FIXES FOR ADULTS” have an issue with the third-level menu like when you hover over the main item it will show all the items in it see the image: https://postimg.cc/0bgvCtFM

    Can you please delete the menu items “FIXES FOR ADULTS” completely including the parent item, then try to add them again in the menu, then save settings. I hope by doing this your issue will be resolved. But if it’s not then please share your site wp-admin URL and access in the private content area of this topic by following the below-given format.

    WORDPRESS ADMIN URL:
    WORDPRESS ADMIN USERNAME:
    WORDPRESS ADMIN PASSWORD:

    So that I will check and fix your issue on your site.

    Note: Please take a complete backup of your site first, and allow us to debug your site and change/remove the plugins to solve your issues.

    Regards 8Themes Team.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2022 at 07:53

    Hello, @JoltDigital,

    Try to add the next code in Theme Options > Theme custom CSS:

    .item-design-dropdown .nav-sublist-dropdown ul>li.menu-parent-item>a:after {
    content: "\e904";
    font-size: 60%;
    font-family: xstore-icons;
    position: absolute;
    right: 2.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }
    .item-design-dropdown .nav-sublist-dropdown ul li.menu-parent-item:hover>.nav-sublist {
    display: block;
    }
    .item-design-dropdown .nav-sublist-dropdown ul li.menu-parent-item>.nav-sublist {
    display: none;
    }

    Regards

    Avatar: JoltDigital
    JoltDigital
    Participant
    November 9, 2022 at 11:19

    Hi,

    Thanks for your response – the CSS fix worked! Do you know what the problem was?

    I wonder if it will be addressed in a future update and we can remove the custom CSS.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2022 at 11:52

    Hello,

    We do not plan to add this code in the next update, because it is not needed for customers which do not have such structure in the menu, so please do not delete the code from Custom CSS area.

    Regards

    Avatar: JoltDigital
    JoltDigital
    Participant
    November 9, 2022 at 12:32

    Okay, thanks – but can you confirm what the issue was? This menu structure was not an issue until recently.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2022 at 13:40

    No, unfortunately, we can’t say for sure why this problem appeared.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Dropdown menu showing incorrecly – automatically expands sub menus in astrange way’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.