# (Squarespace) Change color of one link in Mobile navigation

**URL:** <https://community.elfsight.com/t/squarespace-change-color-of-one-link-in-mobile-navigation/101077>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [February 14, 2025, 12:24am UTC](https://community.elfsight.com/t/squarespace-change-color-of-one-link-in-mobile-navigation/101077 "2025-02-14T00:24:48Z")\
**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:** [February 14, 2025, 12:24am UTC](https://community.elfsight.com/t/squarespace-change-color-of-one-link-in-mobile-navigation/101077/1 "2025-02-14T00:24:48Z")

</div>

To change color of one link in Mobile navigation, for example: this link.

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

You need to know this.

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

Next, use this code to Custom CSS box.  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [email me](mailto:info@beaverhero.com).

```auto
div.header-menu-nav-wrapper>div.container.header-menu-nav-item:nth-child(4) * {
    color: #f1f !important;
}

```

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

Result

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