JohnPo

This solution worked great for me! So happy I tracked this solution down! I also added this line of code to reduce the space before the categories: padding-top: 10px; So it reads: //mobile categories list @media only screen and (max-width: 640px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap; overflow-x: hidden; justify-content: left; padding-top: 10px; } .products.collection-content-wrapper .nested-category-title { text-align: left; } //mobile categories list end You can change 'left' to 'center' to center the text on the mobile view too.