Problemas no mobile

Constei que o mobile do meu site está com problemas, o MENU está com “transparência” e fora do lugar, desalinhado.

Percebi que quando removo este código:

/largura total do menu superior/
.menu.superior {min-width: 768px; width: 100%;position: absolute;top: 152px;left: 0px;}
.logo {margin-bottom: 70px;}

O menu volta ao normal.

Esse código é utilizado para deixar meu menu superior na largura total do site, não quero abrir mão desse layout para boa funcionalidade do Mobile, mas gostaria de ajustar.

Alguma ideia de como resolver?

SITE: https://homehouse.lojaintegrada.com.br/