coding for hiding english pages and vice versa doesnt work on blog pages while viewing on mobile - hamburger navigation menu shows both english and german pages

With our code on our page we hide the english pages when the german is being viewed and vice versa. Which works perfectly on all pages also the indivdual blog pages but only when in desktop mode. As soon as switched to mobile version and the hamburger appears while viewing a blog page, the drop down navigation menu shows the english as well as the german pages. Anyone know how to resolve this problem? 

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Thank you for the answer: As an example you can check out this blog page: https://mondaycoffee.com/kunden-blog/2023/2/7/wie-regulierte-branchen-die-microsoft-cloud-fr-sich-nutzen#

Most if not all SS sites have two structures for menus in the code. One for desktop and one for mobile.

When you create CSS rulesets to manipulate the header navigation for desktop, you need to do the same for mobile.

.collection-type-blog #mobileNavigation > .index:nth-child( even ) {

  display : none;
  
  }

Let us know how it goes.

Thank you again for the answer and help. Can I just add this code to the end of the existing one? 

Looking forward to hearing from you again. 

Quote

Can I just add this code to the end of the existing one?

Yes. And it if doesn't just drop us a post and we may be able to help.