Jump to content

Squarespace mobile; require other categories to be visible in mobile view

Recommended Posts

hi all, im new to squarespace hence i do not have coding knowledge - i can only try to copy and paste css codes to try to see if they work. 

image.png.1e333d9779baa3fecfff8dfec588f77a.png

In a nutshell, on mobile view, when i click into one of the categories;

image.png.00715bcf534e5598a47bab6d135ab40c.png

the other categories would disappear and not be visible. Any methods to present the other categories nicely?

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Try this in Custom CSS:

// wrap store categories on mobile
@media screen and (max-width: 575px) {
  .products.collection-content-wrapper .nested-category-children {
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: hidden;
    padding-top: 12px;
  }
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.