(Squarespace) Change Burger to Standard Menu on Skye Template

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.

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)

<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>
2 Likes