Categories Menu in header

Hi, I use the categories widget in header builder and i choose also to limit the categories as you can see in my photo attached.

The problem is when in front end someone expand all categories (Shop brands) they need to scroll in over 200 brands and in future it may be way more.

Is there possible to add a scroll within the menu in order to be able to show all brands without the need to scroll?

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.header-categories-nav .categories-menu-dropdown {
overflow-y:auto;
max-height:600px;
}
.categories-menu-dropdown::-webkit-scrollbar {
	width: 3px;
}
.categories-menu-dropdown::-webkit-scrollbar-track {
	background-color: #D9D9D9; 
}
.categories-menu-dropdown::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.25);
}

Disabling the category number limit.

Best Regards

Hi,

Seems to work.
Thank you!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts