Site logo

Archived topic

Niche Off Canvas product category - how to show hierarchy?

3 replies · Started by Bartosz on April 14, 2021

Viewing posts 1–4 of 4

I'm using Niche template.
How to show hierarchy in Off Canvas widget product category?
When I move widget to sidebar, hierarchy is visible.

Hi Bartosz,

It's hidden in off cancas by default as it's treated as a menu. Give this CSS a try:

body #generate-slideout-menu.main-navigation .widget_product_categories ul ul.children {
    display: block;
    float: none;
    position: relative;
    left: 0;
    opacity: 1;
    width: auto;
    top: auto;
    pointer-events: auto;
    height: auto;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

I made a little modification and it is working perfectly.

/* widget category show hierarchy */
body #generate-slideout-menu.main-navigation .widget_product_categories ul ul.children {
    display: block;
    position: absolute;
    left: 0;
    opacity: 1;
    width: auto;
    top: auto;
    pointer-events: auto;
    height: auto;
	  margin-top: 35px;
	  margin-left: 15px;
	  box-shadow: none;
}

Nice!

This archived topic is closed to new replies.