Hi helpful friends. This is how I use it now. display : flex [Ekran görüntüsü 2024-06-13 160953] Can we do it like this? [How] But not like that. display : block [Ekran görüntüsü 2024-06-13 161553] Thank you :pray:

You’ll want to use CSS Grids here. Something like: .category-list .subcategories { display: grid; grid-template-columns: repeat(auto-fill, minmax(125px, min-content)); } If you want the columns to be perfectly equal size, you can change min-content to 1fr.

That looks SO much better :star_struck:

I found the solution this way. But when the subcategory name is long, it breaks. I’m waiting if anyone can find a solution to this. You can use it in this state. :slight_smile: When long name. [Ekran görüntüsü 2024-06-13 220505] When short name. [Ekran görüntüsü 2024-06-13 220610] .category-list .subcategories { display: flex; flex-direction: row; flex-wrap: wrap; } .category-list .subcategories .subcategory { flex-shrink: 0; min-width: 25%; }

Now this is much better. Thank you @Alteras :pray:

[image] Alteras: .category-list .subcategories { display: grid; grid-template-columns: repeat(auto-fill, minmax(125px, min-content)); } how can I add this to the theme in my community. can someone help? thanks.

[Ekran görüntüsü 2024-06-14 164803] Here in CSS write and save

As ogulcan1787 stated, you can create a new component and insert the CSS there. You can follow these instructions: Go to Admin → Customize Click on Install button [image] Then attach it to your theme and click on Edit CSS/HTML button [image] Use the CSS section: [image]

Can we arrange the subcategories like this?

Development

saurabhmithal (Saurabh Mithal) June 18, 2024, 2:03am 11

thank you @Arkshine

this was helpful.

Topic		Replies	Views
Sorting subcategories one under the other? Development css	4	442	March 28, 2024
Vertical Align Subcategory Product Support	4	600	September 10, 2023
Reducing the width of category Column Product Support	6	794	April 1, 2019
Length of category name under the topic title UX	7	2188	June 23, 2015
Categories layout: subcategories as each new line item? Product Support	2	576	August 17, 2023

Can we arrange the subcategories like this?

Related topics