Navigation Menu for 2 different languages

Elements How do I…
1

Hello,

Can I use Elements to build Navigation Menu for 2 different languages ?
Example web: University of music Vienna

cSH13-225106
cSH13-2251061202×338 55.4 KB

Thanks

2

We don’t have anything built-in to do that right now, but adding the ability to build multilingual sites is on the future roadmap, as we have some neat ideas on how to solve this.

You could certainly build a solution right now using a custom component. ChatGPT recommended this method (not tested). I could imagine modifying this to work with dropzones so you could build a different menu for each language. The same principle could work for content…

<!-- English Menu -->
<nav lang="en" class="hidden [lang='en']:block">
  <ul class="flex gap-4">
    <li><a href="/en/about">About</a></li>
    <li><a href="/en/contact">Contact</a></li>
  </ul>
</nav>

<!-- French Menu -->
<nav lang="fr" class="hidden [lang='fr']:block">
  <ul class="flex gap-4">
    <li><a href="/fr/a-propos">À propos</a></li>
    <li><a href="/fr/contact">Contact</a></li>
  </ul>
</nav>
1 Like
3

Thanks!

:+1: