Jump to content

Multilingual Navigation For Mobile

Go to solution Solved by Parker_SQSP,

Recommended Posts

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:


#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}



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?


Screen Shot 2021-04-05 at 5.19.32 PM.png

Link to comment
  • 1 year later...
  • Replies 1
  • Views 322
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

Hi @irahnor!

I'm Parker and I work on the Customer Operations team at Squarespace. I came across your question, and I wanted to let you know that we now offer an integration with Weglot. With Weglot, you can add a language-switcher button to your site's header that will allow folks to switch the language of the content. 

Here's some more on that: 


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.