Return to previous page

All departments menu not showing full menu

This topic has 4 replies, 2 voices, and was last updated 17 minutes ago ago by Jack Richardson

CD

Participant

March 19, 2025 at 03:18

Hello

I had a few issues with all departments menu that was resolved with the help of your team.

But in all departments menu when clicking the subcategories, it doesn’t show the complete list of categories.

I have removed sticky header and everything works fine but just can’t see the full list even if I scroll up or down.

Ex: Art & Design subcategories should have 10 categories but is only showing 8 because it’s cut of. But in mobile view the list shows correctly.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#437813 Copied

3 Answers
Jack Richardson

Support staff

March 19, 2025 at 11:04
Dear @CD,

I hope you are doing well.

Since there are a large number of items in the sublist, you may consider adding the following custom CSS to adjust the dropdown position for the first two items, ensuring they align with the top of the parent item:
https://prnt.sc/TFQ59wQO8Td1

.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(1) .nav-sublist-dropdown, .elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(2) .nav-sublist-dropdown { top: 0; transform: none; }

You can add this snippet to your “child-theme/style.css” file or navigate to “Theme Options -> Theme Custom CSS -> Global CSS” to apply it.

Please let us know if you need any further assistance.

Best regards,
Jack Richardson
8Theme Team
#437873 Copied
CD

Participant

March 19, 2025 at 16:37

Hello,
It worked for my top sub list for Art & Design but my ebook categories sublist is still going over the header bar.

In ebooks it’s still not showing one of the listing.

Files is visible for topic creator and
support staff only.

#437915 Copied
Jack Richardson

Support staff

March 20, 2025 at 09:13
Dear @CD,

I hope you are doing well.

Could you please update the previous CSS with the following modifications?

.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(1) .nav-sublist-dropdown, .elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(2) .nav-sublist-dropdown, .elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(5) .nav-sublist-dropdown { top: 0; transform: none; }

As you can see from the snippet, we have added one additional line to assign the 5th item of the menu, ensuring that the dropdown aligns at the top. This adjustment allows for longer menu items, such as the one shown in the following example: https://prnt.sc/7LQjwUuZtGK9.

If you need to apply similar changes to other items, you can count the preceding items and adjust the CSS accordingly. For reference, here is an improved version: https://prnt.sc/2VtYQ0-R8DDN.

Thank you in advance for your assistance. Please let us know if you need any further clarification.

Best regards,
Jack Richardson
8Theme Team
#437994 Copied
Viewing 4 results - 1 through 4 (of 4 total)