# Change mobile arrow dropdown to down arrow

**URL:** <https://community.elfsight.com/t/change-mobile-arrow-dropdown-to-down-arrow/67209>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [August 23, 2024, 8:56am UTC](https://community.elfsight.com/t/change-mobile-arrow-dropdown-to-down-arrow/67209 "2024-08-23T08:56:14Z")\
**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, 8:56am UTC](https://community.elfsight.com/t/change-mobile-arrow-dropdown-to-down-arrow/67209/1 "2024-08-23T08:56:14Z")

</div>

To change the mobile menu arrow dropdown to the down arrow on Squarespace.

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

You can use this code to Custom CSS box

```auto
div.container.header-menu-nav-item span.chevron.chevron--right {
    transform: rotate(135deg) !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/0/80c7df1a56eb9fea9577d00a2ec8d46b65d4e7f2.png)

**Result:**

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