In Food & Cook 2.4.6, we improve the megamenu, this will affect the old version, you need to create new one.
Food & Cook theme has built-in Mega Menu features. Where you can add images, icons and/or subtitles to your menu (and sub menus). Mega Menu and other additional features are incorporated to standard WordPress Custom Menus editing interface WP Admin > Appearance > Menus
Now let’s see what you can do with this feature:
1. 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 .
2. Custom Image
This option enable you to upload image to your mega menu. You just need to paste the image url here. Please note that the result will different according to which level you add your image to.
To learn about the level system, please see our screenshot below.
As you can see
- Level 1 is your main menu
- Level 2 is first sub menu
- Level 3 is sub-sub menu.
You can only add 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 in 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 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 displayed in the next row instead under the previous menu.
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
First thing, Enable Mega Menu.
We’re reserved five columns. ( BUT we only put 4 menu under it, as we use column 5 for image http://dahz.daffyhazan.com/food-cook/wp-content/uploads/2015/03/bg_menus.jpg )
- You do not to add fnc-menu-1col or similar class like previous Food & Cook.