# Stack product categories on Mobile

**URL:** <https://community.elfsight.com/t/stack-product-categories-on-mobile/64319>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [August 4, 2024, 1:55am UTC](https://community.elfsight.com/t/stack-product-categories-on-mobile/64319 "2024-08-04T01:55:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [August 4, 2024, 1:55am UTC](https://community.elfsight.com/t/stack-product-categories-on-mobile/64319/1 "2024-08-04T01:55:15Z")

</div>

To stack product categories on mobile Squarespace.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/2/c2ca220e757e952dda7375ebba18153cceac8752.jpeg)

**#1. All Product pages**

Use this code to Custom CSS box

```auto
@media screen and (max-width:767px) {
ul.nested-category-children {
flex-direction: column !important;
}
span.breadcrumb-separator {
display: none !important;
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/9/493404b8011323daf18091ac0218771218da939b.png)

**#2. Specific Product Page**

First, use this below tool to find Page ID. In my example it is:

- #collection-667f8bab720ee26389417857

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/f/7f2eca3e184ef9b54d77e6b10b1ec2f7a3f844e2.jpeg)

Next, use this code to Custom CSS box

```auto
@media screen and (max-width:767px) {
#collection-667f8bab720ee26389417857 {
ul.nested-category-children {
flex-direction: column !important;
}
span.breadcrumb-separator {
display: none !important;
}}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/8/58175327596596eb873beb0b79365312eedb125a.png)