The automatic integration option is the easiest and in most cases the working way to implement Groovy Menu on your website. The principle of auto-integration is that the Groovy Menu plugin will be displayed immediately after the opening HTML tag <body>. Please note that only enabling automatic integration doesn't remove or disable the menu provided by the theme. After enabling automatic integration you need to make some additional steps to disable the menu provided by the theme.

Enabling Automatic integration

To enable automatic integration:

  • Install and activate the Groovy Menu plugin. Learn more about how to install the plugin in this article.
  • From the WordPress dashboard go to "Groovy Menu > Integration" and check "Enable automatic integration“, then click ”Save changes".
  • Next, you need to assign the Navigation Menu to the ”Groovy menu primary" theme location under "Appearance > Menus > Manage Locations". You can also assign Navigation Menu to the "Groovy menu primary" from the global Groovy Menu settings. They work the same way.
    • Variant A 
    • Variant B 
      Note. If you don't have any Navigation Menus yet, now is the time to create one. Instructions on how to create a Navigation Menu are described in this article.

Disabling the menu provided by the theme

The way to disable the menu provided by the theme can vary from theme to theme. Here is a list of variants by priority:

  • Unset all the Navigation menus provided by the theme from Appearance > Menus > Manage Locations and leave only provided by the Groovy menu (Groovy menu primary)
  • Find the option under Theme options, if exists, that disables the menu.
  • If none of the above steps didn't help hide the menu provided by theme with CSS.