# How to move button to left of Header

**URL:** <https://community.elfsight.com/t/how-to-move-button-to-left-of-header/75944>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [October 16, 2024, 12:31pm UTC](https://community.elfsight.com/t/how-to-move-button-to-left-of-header/75944 "2024-10-16T12:31:23Z")\
**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:** [October 16, 2024, 12:31pm UTC](https://community.elfsight.com/t/how-to-move-button-to-left-of-header/75944/1 "2024-10-16T12:31:23Z")

</div>

To move button to left of Header  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/f/0f54693b3b64e8169b1208d441d64c409dde0d8d.png)

You can use this code to **Website Tools \> Custom CSS**

```auto
div.header-display-desktop a.btn {
    position: absolute;
    left: 0;
}

```

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

Result  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/5/f5b077fda3fe0b7232ccfb75422166341cccafd0.png)