Wells Main & Secondary Navigation on Mobile

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!

You can use this guide.

Let me know if you have any questions.