Off Canvas Panel not showing correctly

[Liana]

Hi Support,

I am hoping you can help me work out these issues:
1. I have an off canvas panel showing widgets. One of the widgets is Product Categories and even though I have selected “Show Hierarchy” it is not formatted correctly ie. All the Categories, and sub Categories are showing on the same level.
2. When I click the off canval panel button on the home page verse the store page, it shows differently i.e different formatting. I am not sure how this is possible – assuming a css issue.

If you could point me in the right direction for these issues that would be amazing.

Thank you in advance.

[David]

Hi there,

in Customizer > Additional CSS – remove this:

.woocommerce .widget_product_categories ul li {
    display: flex;
    line-height: 1.7em;
    margin-top: 0.35em;
}

.woocommerce .widget_product_categories span.count {
    color: #3a3a3a;
    margin-left: auto;
}

and Add this:

#generate-slideout-menu.main-navigation ul.product-categories ul.children {
    display: block;
    position: static;
    height: auto;
    opacity: 1;
    float: none;
    margin-left: 2em;
    box-shadow: none;
}
#generate-slideout-menu.main-navigation ul.product-categories li a {
    display: inline;
    line-height: 2.5em;
}

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

[Liana]

David, you are amazing! Thank you so much.

[David]

Glad to be of help 🙂

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

[Author]

Posts