In some cases, we might need a way to have different menus on different devices. This can be built using Divi's Visibility options.
In Appearance > Menu, create 3 different menus.
One will be used for Desktops, one will be used for Tablets, and one will be used on Phones. Make sure that each Menu is named differently and has its menu items.
In the Divi > Theme Builder > Header Layout or in the Page layout where the Menu module is located, duplicate the Menu module two more times.
For each Menu module, set the correct WordPress Menu to be used.
For each Menu module instance, edit its settings and go to Advanced Tab > Visibility
Set each Menu module to only show on a specific device by deactivating it on the other two devices.
For example,
The first Menu module should be set to not be visible on Tablet and Phones, meaning it will only be visible on Desktops.
The second Menu module should be set to not be visible on Desktops and Phones, meaning it will only be visible on Tablets.
The third Menu module should be set to not be visible on Desktop and Tablet, meaning it will only be visible on Phones.
Video Tutorial explaining all the steps from above.