left category menu can not scroll up / down to see more in the menu

This topic has 5 replies, 3 voices, and was last updated 2 years, 3 months ago by Serg Sokhatskyi.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 20, 2024 at 11:27 am #550612

cmdtung
Participant

Hi,

I have the problem as the captioned topic which has been reported by another user on 22-12-20(https://xtemos.com/forums/topic/left-category-menu-can-not-scroll-up-down-to-see-more-in-the-menu/ and https://xtemos.com/forums/topic/scroll-bar-within-the-categories-menu/) and several users also reported similiar issue since 2020. I found an user using mobile category menu instead of desktop cateogry menu to skip this bug but it is not a good idea.

See the attached screen.

Your support colleagues also teach us to add CSS code but it does not work. I wish your company could solve this bug ASAP.

You could login to our application to check it.

Thanks

Attachments:
You must be logged in to view attached files.

March 20, 2024 at 12:20 pm #550645
Artem Temos
Keymaster
Xtemos team
Hello,

This menu is designed to display mega menus in its dropdowns and never exceed the height of the screen. The following code will add a vertical scroll to the menu categories, but in this case, the dropdowns will not show more there.
```
.wd-dropdown-cats {
	overflow: hidden;
	overflow-y: auto;
	max-height: 500px;
}

.wd-dropdown-cats > .wd-nav-vertical {
	overflow: hidden;
}

.wd-dropdown-cats::-webkit-scrollbar {
		width: 3px;
}
		
.wd-dropdown-cats::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,.15);
}
		
.wd-dropdown-cats::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.25);
}
```
Kind Regards
March 20, 2024 at 1:07 pm #550659

cmdtung
Participant

Hi,

Once I put the CSS in the global CSS, the issue is fixed but the HTML_Block in the menu (like baby & kids) does not shown.

It seems the CSS may affect the HTML block display.

Please help me to fix it. By the way, the HTML block is not scrolling has just reported by another ticket.

Thanks

March 20, 2024 at 5:28 pm #550770

Serg Sokhatskyi
Keymaster
Xtemos team

In CSS, scrolling can be achieved only by applying the overflow property, which is cutting off any content outside the initial element. Unfortunately, it does not have other solutions. In that case, you have to choose between scrolling and dropdowns. As an alternative solution, we recommend you reorganize your categories using parent categories and mega menu dropdowns, which take less vertical space and scrolling will be not needed.

Kind Regards

March 26, 2024 at 4:32 am #552179

cmdtung
Participant

Hi,

Thanks. I close this ticket. However, some themes has already improved its menu(see the attached file) I wish WoodMart could retain the competition in the theme market with this feature which is useful for marketplace with a lot of products on menu.

Best Regards
DARRY

Attachments:
You must be logged in to view attached files.

March 26, 2024 at 11:39 am #552268

Serg Sokhatskyi
Keymaster
Xtemos team

The menu functionality you proposed requires a different navigation structure than what is currently in our theme, so it cannot be achieved with just one custom CSS code. But we appreciate your suggestions and will consider them as a feature request to improve our theme in the future. You can also create a detailed feature request on our page https://woodmart.canny.io/feature-requests, where our community can vote for it, allowing it to get to the update even faster than usual.

Kind Regards
Author

Posts