Issue with Sub Menu

Hello,

I would like to know if it is possible to put a scrollbar in my “Browse Categories” Menu as I have quite a bunch of sub categories. Due to this a lot of sub menu items are going off screen. Please find the Screenshot for your reference.
The submenu ends up being too long for the screen size.

Thank you!

Please find the attached screenshot

Attachments:

You must be logged in to view attached files.

Please give me an custom CSS to rectify this issue

Hello,

Unfortunately, it is not possible to add a scrollbar there. Even with custom CSS code. We recommend you reorganize your navigation with some kind of mega menu.

Kind Regards

I am able to get the scrollbar with this CSS
.sub-menu {
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
}

But the 3rd level menu items are not showing up

Yes, that is because you hide the overflow with CSS. When you add the scrollbar, you break other levels dropdowns.

Apart from scroll bar is there any other alternative for this?
I won’t be able to create a mega menu as there are just too many items in the sub category level. Or is it possible to split the contents into two coloumns?

Yes, you can create a mega menu with the page builder you use and split your items into columns https://xtemos.com/docs/woodmart/create-menu-2/

[Author]

Posts