When your site is visited on every screen size, how do you make sure that only the Responsive Menu is showing?
For this we will need to edit the following 2 settings:
The Responsive Menu plugin uses the users screen size to determine when to show the Responsive Menu and when to hide your main menu, as such you will need to set the
Breakpoint option to something extremely high so as that it is always triggered by any screen size, something like
8000 should be sufficient.
CSS of Menu To Hide
This is explained further in the page titled How Do I Hide The Original Menu? but you basically need to find the class or ID of your original menu containing element and place that in the
Original Menu to Hide option above.
This combined with the high
Breakpoint value as specified above will mean that only the Responsive Menu is ever showing on your site.