Jump to content

Changing the navigation bar on different pages

Recommended Posts

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? 🙂

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.