Change menu on mobile, third menu

[robsdonatini]

Hello there!
I'm trying to fix a problem in displaying new menu.

Basically i have a new website that is still on developing (the site title on mobile still refers to the old website)

www.robertadonatini.com/homepage_ita

For desktop I hide the menu
For mobile I used 2 menu, since Polylang had a bug and on one page it was not working, so for that specific page I used another menu that looks the same, but has a custom link in the language section (italiano).

And coded the following
.slug-progetti_pm_eng .menu-1{
display: none!important;
}

.slug-progetti_pm_eng .menu-2{
display: block!important;
}

And it worked.

Starting from this code I was wondering how to change the menu in mobile part and set a third menu.. Since the website is divided in two, it has to be different links inside.

I tried
.slug-progetti_gd_ita .menu-1{
display: none!important;
}
.slug-progetti_gd_ita .menu-3{
display: block!important;
}

but it doesn't work. How can i address the menu "Menu GD - ita" ? and if i add a fourth menu? I already changed the laytheme option > Menu Amount > 4

Thanks a lot
Roberta

[arminunruh]

hey roberta! sry i will try to take a look tomorrow or the day after :OO

[robsdonatini]

thanks armin!

[robsdonatini]

This post is deleted!

[arminunruh]

Ok so we wrote emails about it and seems like there were just some minor issues with the custom CSS

however i do wonder what the original problem was, you cant translate menus with polylang?

[robsdonatini]

So, Polylang works. I have one menu ita eng + a second menu ita eng. The problem was, I wanted to have on certain pages of mobile menu 2 and not menu one: i wasn't able to do it. The only way I could work around it was to create just 1 menu, assign classes and hide certain elements on certain pages (+ polylang translate them)

[arminunruh]

ahh ! now i understand.

yea the mobile menu does not support multiple menus. but the way you did it is clever yep.