Multilingual Navigation For Mobile

Site URL: https://walrus-seal-em36.squarespace.com/

Hello all,

TIA for your help. Currently the above website is created in two languages with the navigation allowing you to toggle in french and english through the following code that i learned from this website: https://www.creationsbyfaria.com/blog/multilingual-site-squarespace

the following or similar code is applied at the page level:

<style>

#header .header-nav-item:nth-child(4) {display:none}

#header .header-nav-item:nth-child(5) {display:none}

#header .header-nav-item:nth-child(6) {display:none}

#header .header-nav-item:nth-child(7) {display:none}

  </style>

However currently this code is not applied to mobile navigations as you can see here, both french and english versions of the pages are showing. Is anyone aware of how I can append this code so it applies to mobile?