To stack product categories on mobile Squarespace.
#1. All Product pages
Use this code to Custom CSS box
@media screen and (max-width:767px) {
ul.nested-category-children {
flex-direction: column !important;
}
span.breadcrumb-separator {
display: none !important;
}}
#2. Specific Product Page
First, use this below tool to find Page ID. In my example it is:
- #collection-667f8bab720ee26389417857
Next, use this code to Custom CSS box
@media screen and (max-width:767px) {
#collection-667f8bab720ee26389417857 {
ul.nested-category-children {
flex-direction: column !important;
}
span.breadcrumb-separator {
display: none !important;
}}}
