Navigation dropdowns not working mobile only

I wrote a quick guide to achieve this, you can see an example below

Next, you can add this code to Page Header (on all language 1 pages) to hide Items 3, 4, 5

<style>
/* hide items on desktop */
nav.header-nav-list>div:nth-child(3), nav.header-nav-list>div:nth-child(4), nav.header-nav-list>div:nth-child(5) {
    display: none;
}
/* hide items on mobile */
[data-folder="root"]>div:first-child>div:nth-child(3), [data-folder="root"]>div:first-child>div:nth-child(4), [data-folder="root"]>div:first-child>div:nth-child(5) {
    display: none;
}
</style>

Next, add this code to Page Header (on all language 2 pages) to hide Items 1, 2, 3

<style>
/* hide items on desktop */
nav.header-nav-list>div:nth-child(1), nav.header-nav-list>div:nth-child(2), nav.header-nav-list>div:nth-child(3) {
    display: none;
}
/* hide items on mobile */
[data-folder="root"]>div:first-child>div:nth-child(1), [data-folder="root"]>div:first-child>div:nth-child(2), [data-folder="root"]>div:first-child>div:nth-child(3) {
    display: none;
}
</style>

Based on the above example, you can adapt the code more precisely for your case.
If you still can't solve the problem, you can let me know, I will tweak code for your site