# Breadcrumb navigation disappears in mobile version

**URL:** <https://community.elfsight.com/t/breadcrumb-navigation-disappears-in-mobile-version/67188>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [August 23, 2024, 7:50am UTC](https://community.elfsight.com/t/breadcrumb-navigation-disappears-in-mobile-version/67188 "2024-08-23T07:50:55Z")\
**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 23, 2024, 7:50am UTC](https://community.elfsight.com/t/breadcrumb-navigation-disappears-in-mobile-version/67188/1 "2024-08-23T07:50:55Z")

</div>

You can use this code to Custom CSS box to fix problem

```auto
@media screen and (max-width:767px) {
.ProductItem .ProductItem-nav .ProductItem-nav-breadcrumb {
display: block;
}
.ProductItem .ProductItem-nav {
flex-direction: column;
}
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/1/51c3a1fbdbafdce8c12e956781a67f2da0f8903c.png)

**Result:**

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