Categories not visible on home page menu if there are large number of categories

Hello

I have a large number of categories in My category menu on home page and have set the header to “sticky”.

The issue is that some of the categories are hidden and are not shown to the user. When the page is scrolled down rest of the content is scrolled but the menu doesnt so the below categories are not visible.

https://imgur.com/a/k3wGvKW

Is it possible to make the category menu scroll as well (while keeping the header sticky) or maybe add different scroll bar or arrows to the category menu so the user can see all the categories.

Thanks.

Hello,

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

body .menu-categories-container{
max-height:311px;
overflow-y:scroll;
}

Set the height as per your needs. The scroll is not a good idea, the mega menu blocks became difficult to click.

Best Regards

Thanks. You are correct. Scroll doesnt seem a good idea as its difficult to click on the links.

Is there any other way to achieve this?

1 way I can think of is making the categories extremely small so more are visible. How can I do that? Thanks in advance!

http://prntscr.com/ocm03w

Hello,

You would better show the main categories which you want to promote in the first turn, and all the other categories show in the mega menu block.

Best Regards

Hello

Is there no way to reduce the size of product categories blocks so that more can be displayed? Regards.

http://prntscr.com/ocnre4

Hello,

We can reduce the padding and even the font size.

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

body .vertical-navigation .item-level-0 > a {
padding:2px 18px;
}

Best Regards

Thanks. If I have to reduce the font size also how can I do that? Regards.

Hello,

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

body .vertical-navigation .item-level-0 > a span {
font-size: 12px
}

Set the font-size as per your needs.

Best Regards

Thanks a lot.

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

Best Regards

[Author]

Posts