Menu above built with this plugin including Mega Menu.

Using as your Main Menu

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:

Menu Breakpoint

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.

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed