Jump to content

Wells Main & Secondary Navigation on Mobile

Recommended Posts

Site URL: https://erincjax.com/home-jp

Hello, I'm working on making my website bilingual and am having trouble with the mobile navigation. For desktop, I've already figured out how I can display Wells main navigation for all L1 (English) pages and hide the secondary navigation for L2 (Japanese) and vice versa.

<!-- MAIN MENU HTML IN SITE/PAGE HEADER -->
<style>
.main-nav#secondaryNavigation {
display: none;
}
</style>

<!-- SECONDARY MENU HTML IN SITE/PAGE HEADER -->
<style>
.main-nav#mainNavigation {
display: none;
}
</style>

However, I can't seem to figure out how to separate the main/secondary nav on the mobile drop-down menu, to display just one of the other. Right now, it will display every link in both my main and secondary navigation. 

I have also only been working on my /home and /home-jp pages until I can get everything sorted.

Thank you!

Link to comment
  • Replies 1
  • Views 533
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.