Shop category not responsive

Site URL: https://hawk-cheetah-42a2.squarespace.com

In my shop, the category links I have on the main shop page is not responsive to mobile. Half the links go missing. You can see here the difference. I don't see any place to fix that.

Please give us the URL for your site so we can take a look at your issue. If you've not already done so please set up a site-wide password. Post the password here and then we can take a look at your issue.

https://hawk-cheetah-42a2.squarespace.com/

password is PEACH

the problem occurs on the shop page. thanks!

I don't have a fix at this time but an observation. When I narrowed the width of my browser window down to mobile proportions I did "see" off screen categories. However my browser also provided a scroll bar so that I could get to the off screen items.

I'm on macOS using Chrome. Also same behaviour on Safari.

You can contact @rwp he has code to convert category links to dropdown on mobile only

If anyone is still looking for a quick fix for this, try placing the following into the Custom CSS. It'll stack your categories and justify to center on mobile devices.

/*Make Shop Categories Responsive*/
@media screen and (max-width: 575px){
	.tweak-products-nested-category-type-sidebar .products.collection-content-wrapper .nested-category-children {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}