Hamburger Menu Not Clicking on Mobile

Site URL: https://www.atelieroleana.com/services

Hello,

I've edited the page specific code for the Services page on this website. It all looks fine, but now the hamburger icon isn't clickable on mobile only. Any fix for this?

www.atelieroleana.com/services

This is the code I used:

<style>
  .header-title-logo img {
    visibility: hidden;
}
.header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/66450cd729042a460dc77564/t/66c8a41425fe5a501d52d437/1724425236241/AO+logo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center !important;
}
</style>

<style>
/* hide current image */
body.header--menu-open .header-title-logo img {
    visibility: hidden;
}
  /* set new image on burger menu click */
  body.header--menu-open .header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/66450cd729042a460dc77564/t/66562062e0f15e62c166712b/1716920419436/Ao_new+white.png);
    background-size: cover;
    background-repeat: no-repeat;
}
</style>

  
<style>
    .header-display-mobile {
  .header-title-logo {
    margin-left: 47px;
  }
}
</style>

<style>
  /* header color */
/* navigation items */
header#header div.header-nav-item>a {
    color: #EFEDE8 !important;
  
  }

I see it is fine now. Did you solve it?