Different Menu on Mobile doesn't work

Hi,
Sorry for the late reply, I have checked your mobile menu for both of your languages and the menu is linked correctly. It looks like your language plugin is switching your menu based on language, so I don’t believe you need to use the procedure above.
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Sorry for the delay and thank you for your patience, I would like to help sort this out, the screenshots are from the desktop site because I thought it was easier to show the links have the correct URL, but this is also true for your mobile menu.
For mobile the Italian language links point to “your-site.it” and the English language links point to “your-site.it/home-eng/”
this is what to wanted correct?

Best regards,
Mike

Hi,
Sorry, I believe that I understand now. So to have a different mobile menu link than the desktop menu item you will need to create two menu items for each one, like this:

Then add the classes “only_desktop” or “only_mobile” to each item and ensure each link is pointing to a valid section ID, like this:

Then you would add this css to your Quick CSS, but you already did this step.

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

Now can test the English mobile menu, when the English desktop menu is shown the menu item for the desktop color section will be shown, and the same for the mobile menu items. I only edited the English home page and the English menu, so please review and try to make these same changes for your other menu.
Please note that when you add custom ID’s to elements do not add the “#” such as “#topup”, only use “topup”, also ID’s can not start with a number, so I changed “3dup” to “threedup” & “threedup2”
Please clear your browser cache and check the English mobile menu.

Best regards,
Mike