Menu dropdown header not working properly on mobile

Site URL: https://thefrassas.com

Hi! So my menu dropdown on desktop is working perfectly, but when is on mobile, when someone clicks on the 3 lines, it goes first to ONE dropdown written "Menu" and then the person has to click again to actually show the dropdown options.

Is there a code I can inject  to show straight the dropdown options rather than going to this menu first?

Thank you!

desktop all good!

 but on mobile version it shows the 3 menus!  I'd like to go straight to the options inside this Menu in the langugage the user chose... doesn't have to show this menu option (especially not all 3 of them)

Thanks a lot!!!

Add to Design > Custom CSS

@media only screen and (max-width: 767px) {
  .header-menu-nav-folder[data-folder="root"] {
    display: none !important;
  }
  .header-menu-nav-folder-content .header-menu-controls {
    display: none;
  }
  .header-menu-nav-folder:not([data-folder="root"]) {
    transform: unset;
    transition: unset;
  }
}