Return to previous page

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

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

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.

#338130 Copied Theme version: 8.3.6 WooCommerce version: 6.1

9 Answers

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

#338135 Copied

JoltDigital

Participant

November 8, 2022 at 20:44

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

#338168 Copied

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?

#338170 Copied

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.

#338180 Copied
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
#338182 Copied
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.

#338197 Copied

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

#338200 Copied

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.

#338204 Copied

Rose Tyler

Support staff

November 9, 2022 at 13:40

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

Regards

#338211 Copied
Tagged: automatically expands, dropdown menu, incorrectly, strange way, sub menus, themes, woocommerce, wordpress
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection