Food & Cook has built-in megamenu feature where you can add images, icons and/or subtitles to your menu and sub menus. Megamenu and other additional features are incorporated into standard WordPress custom menus in Appearance > Menus.
Icon Font
This option allows you to add a Font Awesome icon code, you just need to paste the font id along with the tags.
For complete list of Font Icon, you can it here : http://fortawesome.github.io/Font-Awesome/icons/
Custom Image
This option enables you to upload an image to your mega menu. You just need to paste the image URL here. Please note that the result will be different according to which level you add your image to.
To learn about the level system, please see the screenshot below.
As you can see:
- Level 1 is your main menu
- Level 2 is first sub menu
- Level 3 is sub-sub menu.
NOTE: You can only add an image in level 1 and 2. If you add the image in level 1 the image will be your mega menu background. And it will be a normal image if you add it to the 2nd level.
The other option is Enable mega menu which will reveal additional settings for your menus if you enabled it
NOTE: This is only available for the main menu, not sub menu.
These options are only available in level 1
- Number of Columns: Choose the number of columns for your mega menu
- Align: Choose the alignment for your sub menu.
- Position: Choose the direction of the menu. ( Left & Right )
These options are only available in level 2
- Hide title in mega menu: This will hide your current 2nd level menu in the mega menu.
- Remove Link: Check to disable link in the menu.
- This item should start a new row: Enable this to make this menu displayed in a new row instead of the next column.
These options are only available in level 3
This item should start a new column: This menu will be displayed in the next row instead under the previous menu.
Example
Level 1 : Recipes
Level 2 : Recipe Layout | Cuisines | Recipe Types | Skill Level ( 4 Columns )
Level 3 : Recipes and the rest.
Here are configuration for Level 1
