Dropdown in Burger Menu

To make Dropdown appear in Burger Menu, you can follow these.
#1. First, use this code to Custom CSS box

[data-folder="root"] {
  .header-menu-nav-wrapper, div.header-nav-folder-content {
  	display: none;
  }
  &~div {
    display: none !important;
}
  nav.header-nav-list {
  flex-direction: column;
}
.header-nav {
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    height: 100% !important;
}
a.header-nav-folder-title:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
    position: relative;
    top: 2px;
}
.header-nav-wrapper {
    position: absolute;
    top: 20%;
}
  .header-nav-folder-content {
    position: static !important;
}
.header-nav-folder-content * {
    text-align: center !important;
}
.header-nav-folder-content.show-menu {
    display: block !important;
  }}

#2. Use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('.header-display-mobile div.header-nav').clone().appendTo('[data-folder="root"] .header-menu-nav-folder-content');
  $('[data-folder="root"] a.header-nav-folder-title').removeAttr('href');
   $('.header-nav-folder-title').click(function() {
      var content = $(this).next('.header-nav-folder-content');
      $('.header-nav-folder-content').not(content).removeClass('show-menu');
      content.toggleClass('show-menu');
    });
});
</script>

#3. Result
(before click)

(when click dropdown)

(when click dropdown Pricing)