Для меню с 2 уровнями все просто.
.categories_nav .subcategory {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%; Можно в px. % можно больше. Т.е. подбираем ширину колонок к длине имен субкатегорий
column-gap: 10px; пробел между колонками. Работает при width в px.
/*columns: 3;*/ Можно задать кол-во колонок. Но в этом нет нужды. Система сама поделит на колонки, если субкатегорий много.
}
Ну и можете попробовать применить этот код к 3-му уровню субкатегорий.
.categories_nav .subcategory {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%; Можно в px. % можно больше. Т.е. подбираем ширину колонок к длине имен субкатегорий
column-gap: 10px; пробел между колонками. Работает при width в px.
/*columns: 3;*/ Можно задать кол-во колонок. Но в этом нет нужды. Система сама поделит на колонки, если субкатегорий много.
}
Ну и можете попробовать применить этот код к 3-му уровню субкатегорий.