Categories / subcategories custom layout

General Discussion
  • I looked at https://forum.qt.io/ categories/subcategories layout and it is very convenient, especially when you have many subcategories. Any tips on how to implement similar solution?

  • Open admin page and in section "appearance" -> "Custom CSS" add this:

    .categories>li .category-children a, .category>ul>li .category-children a {
        width: 30%;
        display: block;
        float: left;
        margin-bottom: 5px;
        margin-right: 3%;
    }
    @media (max-width: 1199px){
        .categories>li .category-children a, .category>ul>li .category-children a {
            width: 45%;
            margin-right: 5%;
        }
    }
    @media (max-width: 480px){
        .categories>li .category-children a, .category>ul>li .category-children a {
            width: 100%;
            margin-right: 0;
        }
    }
    

    Don't forget turn on "Enable Custom CSS" checkbutton at the page bottom

  • What a nice surprise, didn't expect whole solution. Thank you very much!


Suggested Topics