Multiple Language Header

Recently I have had a problem on my site with a code that has been working all the time.

I created a bilingual menu with code in which I did not display pages/folders in the menu.

With the code I made the even and odd pages disappear. Recently, however, the code no longer works and all menu items are displayed on the odd-numbered pages and no menu items at all on the even-numbered pages. The problem only affects the mobile version.

I don't know what the problem is or how I can adjust the code so that it works again.

These are the codes I used and I put on every page setting:

<style>/*Zweisprachiges Menü*/

.header-nav-list>.header-nav-item:nth-child(even) {

    display: none;

}

.header-menu-nav-folder[data-folder="root"]>.header-menu-nav-folder-content>div:nth-child(even) {

    display: none;

}

</style>

&

<style>/*Zweisprachiges Menü*/

.header-nav-list>.header-nav-item:nth-child(odd) {

    display: none;

}

.header-menu-nav-folder[data-folder="root"]>.header-menu-nav-folder-content>div:nth-child(odd) {

    display: none;

}

</style>


Maybe someone can help me?

Thank you so much for your help. The Code is working perfectly!