# Change mobile breadcrumbs color

**URL:** <https://community.elfsight.com/t/change-mobile-breadcrumbs-color/63221>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [July 26, 2024, 11:59pm UTC](https://community.elfsight.com/t/change-mobile-breadcrumbs-color/63221 "2024-07-26T23:59:28Z")\
**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:** [July 26, 2024, 11:59pm UTC](https://community.elfsight.com/t/change-mobile-breadcrumbs-color/63221/1 "2024-07-26T23:59:28Z")

</div>

To change mobile breadcrumbs color, you can use this code to Custom CSS box.

```auto
/* breadcrumb */
@media screen and (max-width:767px) {
   .ProductItem-nav-breadcrumb {
    display: block !important;
}
.ProductItem-nav-breadcrumb * {
    color: #f1f !important;
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/2/72cbc22ca0c9b37fd39039f8726a673f31932f79.png)