in home page on top, you can see " All categories and there is a dropdown button"

if you hover mouse on the dropdown button, you can see some 50 categories. i want to restrict

that 50 to 10 and to see next 40 , customer have to use scrollbar.

demo example : http://www.amazon.in

please help me to find solution.

thanks in advance.

1 Answer 1


You can do this via CSS by adding this to your stylesheets.

.catsearch-dropdown ul {
  height: 280px;
  overflow-y: scroll;
  width: auto;

The height will show 10 lines of text of your drop down. The overflow-y: scroll will give you the vertical scroll bar. The width auto will prevent a horizontal scroll bar, this part is optional.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.