Changing the navigation bar on different pages

Site URL: https://www.odeung.no/

Hi, 

I'm currently manually copying all pages on my website and translating them to English (the original page is in Norwegian). I'm therefor wanting to change the main navigation to english on certain pages. What I have done so far is add all pages (both Norwegian and English) to my main nav.bar. I also have two homepages under "not linked" identical layout but one for each language. What I'm hoping to do now is use CSS to hide the English pages in the nav.bar on the Norwegian pages, and visa versa. 

However, I'm struggling to get the code to work. This is what I've tried so far, but with no luck:

.collection-61288c8a464b4d62690c0bdd {#topNav nav ul>:nth-child(5),#topNav nav ul>:nth-child(6) { display: none }}

Is anyone able to help me? 🙂

1 hour ago, saraskjoldnes said:

I'm...wanting to change the main navigation to english on certain pages. What I'm hoping to do now is use CSS to hide the English pages in the nav.bar on the Norwegian pages, and vice versa. However, I'm struggling to get the code to work.

Unless you are on a Personal Plan, there are easier ways to do this 🙂

Have you read Brad's excellent guide (see link below)?

How to setup multi-language content on any Squarespace Template

This guide solved all my problems! Thank you so much for the advice paul2009 🙂