Hide primary or secondary navigation

Site URL: http://labastilla.org

Hello everyone. 

I have a webpage www.labastilla.org that have several buttons, one of them will send you to a not linked page. There, I want to hide the primary or secondary navigation since it is a multilingual site, however I haven't found the CCS. 

Thank you. 

To hide primary on one page, add this to Page Settings > Advanced > Header (If you use Personal Plan > Add Code Block)

<style>
  nav.Header-nav.Header-nav--primary {
    display: none;
}
</style>

To hide secondary, use this code

<style>
  nav.Header-nav.Header-nav--secondary {
    display: none;
}
</style>

You can also use these guides to create multi language sites

• bradgood.net/articles/multi-language-content-on-any-squarespace-template
• https://beaverhero.com/squarespace-2-languages/

Thank you very much

@tuanphan Is there a way to make the above code also work on mobile displays? Thanks!

18 hours ago, Burchard said:

@tuanphan Is there a way to make the above code also work on mobile displays? Thanks!

What is your site url? We can check mobile code easier

I'm working this out on maartenrots.nl

On 4/29/2023 at 4:17 PM, Burchard said:

I'm working this out on maartenrots.nl

To hide Mobile Primary, use this code

<style>
  nav.Mobile-overlay-nav.Mobile-overlay-nav--primary {
    display: none;
}
</style>

To hide Mobile Secondary, use this code

<style>
  nav.Mobile-overlay-nav.Mobile-overlay-nav--secondary {
    display: none;
}
</style>

Works like a charm, thank you!