# (Squarespace) Force Burger Menu Open Initial

**URL:** <https://community.elfsight.com/t/squarespace-force-burger-menu-open-initial/48700>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [April 22, 2024, 12:36am UTC](https://community.elfsight.com/t/squarespace-force-burger-menu-open-initial/48700 "2024-04-22T00:36:57Z")\
**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 22, 2024, 12:36am UTC](https://community.elfsight.com/t/squarespace-force-burger-menu-open-initial/48700/1 "2024-04-22T00:36:57Z")

</div>

To force the burger to always open when users access the page, you can use this CSS code to Website \> Website Tools \> Custom CSS.

```auto
body:not(.header--menu-open) .header-menu {
    opacity: 1 !important;
    visibility: visible !important;
}
body.header--menu-open .header-menu {
     opacity: 0 !important;
    visibility: hidden !important;
}

```

To make this appears on Homepage Only, use this new CSS code

```auto
body.homepage:not(.header--menu-open) .header-menu {
    opacity: 1 !important;
    visibility: visible !important;
}
body.homepage.header--menu-open .header-menu {
     opacity: 0 !important;
    visibility: hidden !important;
}

```