# (Squarespace) Change Burger to Standard Menu on Skye Template

**URL:** <https://community.elfsight.com/t/squarespace-change-burger-to-standard-menu-on-skye-template/44649>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 20, 2024, 2:11am UTC](https://community.elfsight.com/t/squarespace-change-burger-to-standard-menu-on-skye-template/44649 "2024-03-20T02:11:03Z")\
**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:** [March 20, 2024, 2:11am UTC](https://community.elfsight.com/t/squarespace-change-burger-to-standard-menu-on-skye-template/44649/1 "2024-03-20T02:11:03Z")

</div>

By default, templates belong Skye Family, for example: Foundry template, on desktop, burger menu will appear.  
If you want to remove this & add a standard menu, like this.

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

You can use this code to Website \> Website Tools \> Code Injection \> Footer  
(If the site is Personal Plan, you can edit Footer \> Add a Block \> Choose Markdown)

```auto
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<style>
@media screen and (min-width: 992px) {
nav#mainNavigation {
    display: flex;
    column-gap: 20px;
    order: 1;
    flex: 1 0 40% !important;
}
.logo-wrapper.flex-item {
    order: 2;
    flex: unset !important;
}
.header-special.flex-item {
    order: 3;
    flex: 1 0 40% !important;
}
.site-header a#navToggle {
    display: none;
}
}
</style>
<script>
jQuery(document).ready(function($) {
function run() {
    if ($(window).width() > 992) {
  $('.main-nav-wrapper .main-navigation').appendTo('header#header');
}
}
    run();
    window.addEventListener('resize', run)
});
</script>

```