# (Squarespace) How to move Social Icons to Left of Burger Menu

**URL:** <https://community.elfsight.com/t/squarespace-how-to-move-social-icons-to-left-of-burger-menu/102521>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [February 20, 2025, 1:45pm UTC](https://community.elfsight.com/t/squarespace-how-to-move-social-icons-to-left-of-burger-menu/102521 "2025-02-20T13:45:58Z")\
**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 20, 2025, 1:45pm UTC](https://community.elfsight.com/t/squarespace-how-to-move-social-icons-to-left-of-burger-menu/102521/1 "2025-02-20T13:45:58Z")

</div>

To move Social Icons to left of Burger Menu. Like this.

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

You can 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
@media screen and (max-width:991px) {
    .header-actions.header-actions--right {
    display: flex !important;
}
.header-actions-action.header-actions-action--social {
    display: flex !important;
}
.header-title-nav-wrapper {
    max-width: calc(~"100% - 120px");
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/4/54d90286f0cd2a43a2e3b4765dcd9e6d5a7bcdab.jpeg)