How to activate header submenus on click on mobile sites?

Hi, how can I activate header submenus only when I click on their parent on mobile sites? Or hide them when not clicked on the parent? In the actual configuration all menus (main and submenus) are shown in the mobile version. Attached a screenshot of my site. I want to hide the languages until someone decides to click on this menu item. Please help!
Thanks!
Klaus

Hi,

Can you show us the website address to check the issue?

Let us know,

Thanks,
laranz.

Hi Laranz, sure, it is klexco dot com!

Hi,

Can you try this Custom CSS in Appearance -> Customize -> Additional CSS,

.responsive-menu.active .qtranxs-lang-menu .sub-menu {
    display: none;
}

.responsive-menu.active .qtranxs-lang-menu:hover .sub-menu {
    display: block;
}

Let us know,

Thanks,
laranz.

Hi Laranz, thank you for your help!

The code worked, but I still have two issues:

  1. Now when I open the responsive menu the submenu appears for a little less than one second and then it disappears. So Maybe it is a matter of order? I mean it seems that first in some part of the code it says show the submenu and then it disappears with the custom CSS code. It is not a big issue but would be nice to solve it! I already put the code in the first row of the Custom CSS but the issue remained…

  2. Once the submenu opens there is no possibility to close it again. Normally it will not be necessary but would be a nice to have! :wink:

Thank you so much for your help!

Best regards!