Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #2750309
Subcategory filter display
Closed

Comments

  •  7
    cance started the conversation
    April 14, 2021 at 4:55pm

    Hi,

    When i enable subcategory filtering it displays the subcategory vertically, and make a visual bad issue. as you can see. How can i fixe it.

    Thanks, BR Laurent.

  •  1,561
    Laborator replied
    April 15, 2021 at 7:48am

    Hi Laurent,

    Add this CSS to Custom CSS:

    .portfolio-title-holder>.pt-column,
.product-filter .portfolio-subcategory.is-active,
.product-filter {
    width: 100%;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  7
    cance replied
    April 15, 2021 at 9:17am

    Art, thanks it's ok on desktop but not in responsive display. Look on a smartphone. I have 5 sudcategories to put...

    Thanks for our answer how to fix that.

    BR, Laurent.

  •  1,561
    Laborator replied
    April 16, 2021 at 7:25am

    Hi Laurent,

    Do you have an example of how you want to show them on mobile, by default they will show like in desktop in one line and when there are more items they will show below them.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  7
    cance replied
    April 16, 2021 at 8:42am

    Hi, See the file attached (Iphone ex.). The categories (1 or 2), depends on the screen size, appear hover the first thumbnail.

    I simply would like to avoid this.

    BR, Laurent. 

  • [deleted] replied
    April 20, 2021 at 11:12am

    Hi Laurent,

    Please add the code below to your Custom CSS area:

    .product-filter .portfolio-subcategory.is-active {
    display: contents;
}
    * If you want that CSS code to apply only for devices that are 768px and smaller then add this code instead:

    @media screen and (max-width: 768px) {
    .product-filter .portfolio-subcategory.is-active {
        display: contents;
    }
}

    Have a nice day!

  •  7
    cance replied
    April 26, 2021 at 9:23am

    Ylli, thanks very much is done and it works well !

    BR,

    Laurent.