Problems to fix part of the desktop site menu and part of the mobile site menu

Dear @Creative,

We hope this message finds you well.

Please find below the custom CSS code that limits the height of sub-menu items. A scrollbar will appear automatically when the content exceeds the specified height:

.etheme-elementor-nav-menu ul .nav-sublist-dropdown > div > ul {
    max-height: 500px;
    overflow-y: auto;
}

Regarding the mobile menu functionality, please note that sub-menu items can be accessed by clicking on the arrow icon next to the parent category. Clicking directly on the parent category itself will redirect you to the corresponding product category page.

Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Hi @Creative,

Can you please try with this custom CSS code instead?

ul.etheme-elementor-nav-menu.horizontal .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown {
    max-height: 500px;
    overflow-y: auto;
}

For parent category item links, please try with this solution: https://www.8theme.com/topic/mobile-menu-parent-link-on-xstore-theme-with-elementor/#post-436690.

Hope it helps!

Dear @Creative,

WE hope this message finds you well.

Kindly update the previous custom CSS code to improve the display behavior of the dropdown menu:

ul.etheme-elementor-nav-menu.horizontal .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.etheme-elementor-nav-menu.horizontal .etheme-elementor-nav-menu--dropdown.nav-sublist-dropdown li.menu-item-has-children:hover .nav-sublist-dropdown {
  display: block;
  left: 0 !important;
  position: relative;
  z-index: 999;
  padding: 0;
  margin: 0 !important;
  top: 0;
  height: auto;
  transform: none;
}

Please note that while it is possible to set a fixed dropdown height (e.g., 500px), doing so may prevent third-level menu items from being displayed properly. The above CSS ensures that the submenu appears directly beneath the parent menu item, maintaining the intended menu structure and usability.

Thank you for your attention to this matter.

Best regards,
8Theme’s Team

Dear @Creative,

Thank you for reaching out to us.

Regrettably, the requested feature is not feasible at this time. However, we highly encourage you to submit your suggestion on our Taskboard at https://www.8theme.com/taskboard/. If your idea receives significant support from other users, our development team will thoroughly consider its implementation in a future update.

Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team