Help! Code is making my logo not fully clickable

Site URL: https://cadimat.squarespace.com/inicio

password: 1234

Hi!

I'm using the following code to invert my logo's color in one page:

<style>
  .header-title-logo img {
    visibility: hidden;
}
.header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6180435bf95fb0438c6a108f/t/6194d9e3b0479631322cd31c/1637145059747/logo-cadimat-veleta-blanco.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
</style>

However, this (and other code alternatives I've tried) are making my logo not clickable in the center.

Any expert developer who can help me avoid this issue?

I really appreciate any help!!

6 hours ago, Begona said:

However, this (and other code alternatives I've tried) are making my logo not clickable in the center.

Any expert developer who can help me avoid this issue?

Hey, this behavior happen because Your menu overlapped a logo.

Oh, I see!

Thank you so much for your help @SquareRefresh!

3 minutes ago, Begona said:

Oh, I see!

Thank you so much for your help @SquareRefresh!

You're welcome!