Stacking store categories on mobile

Site URL: https://bison-apricot-b8el.squarespace.com/

Having trouble getting my store categories to stack on mobile, the last category "By Creator" is currently getting cut off— see screenshot. 

Help with appropriate code solution appreciated. 

9 hours ago, ann_nola said:

Site URL: https://bison-apricot-b8el.squarespace.com/

Having trouble getting my store categories to stack on mobile, the last category "By Creator" is currently getting cut off— see screenshot. 

Help with appropriate code solution appreciated. 

do you want it like this

@media screen and (max-width: 640px) {
  .products.collection-content-wrapper .nested-category-children {
       display: none; 
  }
}

@media screen and (max-width: 640px) {
  .tweak-products-nested-category-type-top .products.collection-content-wrapper .nested-category-tree-wrapper {
      display: block;
      float: left;
      min-width: 20px;
      max-width: 300px;
      margin-right: 10px;
  }
}

Hi @bangank36. Thanks for the proposed code! That could work but was thinking of something simpler like the attached where "By Creator" just carries down to a second line centered. 

@ann_nola Add to Design > Custom CSS

/* Mobile category nav links */
@media screen and (max-width:767px) {
ul.nested-category-children {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
}

Worked like a charm! 

Thanks you @tuanphan