Jump to content

Shop category not responsive

Recommended Posts

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 1 year later...

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;


Edited by black.marketing
Fixing pasted code
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.