WOODMART HEADER CATEGORIES MODULE SCROLLBAR

Hello. i need a css code to add a scroll bar in the categories module. when the tab is open i have 17 categories but it shows only the 10 and i need a scrollbar for that. Can you help me please? i have the website link in privet to take a look.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings:

.wd-dropdown-cats {
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 586px;
}

Kind Regards

Thanks. It works but there is another issue. It dosent show the html block i have attached with the category. Is there any way to do it?

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. In that case, 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

[Author]

Posts