# (Squarespace) Show Button on Mobile Header

**URL:** <https://community.elfsight.com/t/squarespace-show-button-on-mobile-header/49774>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [April 27, 2024, 4:23am UTC](https://community.elfsight.com/t/squarespace-show-button-on-mobile-header/49774 "2024-04-27T04:23:49Z")\
**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:** [April 27, 2024, 4:23am UTC](https://community.elfsight.com/t/squarespace-show-button-on-mobile-header/49774/1 "2024-04-27T04:23:49Z")

</div>

If your site has Logo/Site Title - Button only, no navigation. You can use this code (Website \> Website Tools \> Custom CSS) to to hide burger and make button appears on mobile.

```auto
@media screen and (max-width:991px) {
.header-actions.header-actions--right, .header-actions-action--cta {
    display: flex !important;
}
.header-burger {
    display: none !important;
}

.header-display-mobile {
    flex-direction: row-reverse;
}
.header-title-logo a, .header-title-logo a img {
    max-height: 40px !important;
}
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/5/458feb1fcd7213684fff7e5fc077c72521f2ced3.png)