Home › Forums › WoodMart support forum › Categories not visible on home page menu if there are large number of categories

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 6, 2019 at 2:08 pm #131587

    sanchitgoyal
    Participant

    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.

    July 7, 2019 at 9:09 am #131638

    Elise Noromit
    Member

    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

    July 9, 2019 at 12:49 pm #131973

    sanchitgoyal
    Participant

    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

    July 9, 2019 at 2:27 pm #131993

    Elise Noromit
    Member

    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

    July 9, 2019 at 2:29 pm #131995

    sanchitgoyal
    Participant

    Hello

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

    http://prntscr.com/ocnre4

    July 9, 2019 at 7:55 pm #132037

    Elise Noromit
    Member

    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

    July 10, 2019 at 12:27 pm #132151

    sanchitgoyal
    Participant

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

    July 10, 2019 at 1:06 pm #132175

    Elise Noromit
    Member

    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

    July 10, 2019 at 2:08 pm #132182

    sanchitgoyal
    Participant

    Thanks a lot.

    July 10, 2019 at 3:57 pm #132200

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Categories not visible on home page menu if there are large number of categories’ is closed to new replies.