[Resolved] Off Canvas Panel not showing correctly

Home Forums Support Off Canvas Panel not showing correctly

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1197802

    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.

    Customer Support

    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;

    David, you are amazing! Thank you so much.

    Customer Support

    Glad to be of help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.