Mobile Menu not working

I'm working on a site where I added a custom menu on the desktop and now the mobile menu is not working. The menu on mobile has a .> as in the picture attached.

https://earthworm-star-ema4.squarespace.com/

PW: BuildersofBrands

/* Dropdown */
.header-nav-folder-content {
background: #231F20 !important; }
.header-nav-folder-title::after {
  content: ".";
  display: inline-block;
  width: 40px; /* Adjust width as needed */
  height: 30px; /* Adjust height as needed */
  background-image: url('https://static1.squarespace.com/static/66688df9e62afc1de9390d86/t/66a7aed614368a696268f994/1722265302643/Nav_Icon_noCircle.png');
  background-size: contain; /* or contain, depending on your preference */
}
.header-nav-folder-item { a { 
color: #ffffff !important; 
padding: 15px !important; }}

.header-nav-folder-item {
   font-family: "Oswald", !important;
}

/* right menu */
.header-title-nav-wrapper {
    flex: 1 .1 100%;
    flex-direction: row-reverse;
}
.header-nav {
    text-align: right;
}
.header-title-logo {
    text-align: center;
}

/* center logo */
.header-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    text-align: center;
}
.burger-inner {
    display: none !important;
}