{"id":102073,"date":"2017-01-19T11:48:24","date_gmt":"2017-01-19T11:48:24","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/how-to-display-menu-items-over-multiple-lines-copy\/"},"modified":"2020-02-17T14:17:56","modified_gmt":"2020-02-17T14:17:56","slug":"tabbed-mega-menu","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/tabbed-mega-menu\/","title":{"rendered":"Tabbed Mega Menus"},"content":{"rendered":"

How to set up a Tabbed Mega Menu<\/h3>\n

Menu Structure<\/h4>\n

The menu structure defines the tabs which are visible in the mega menu. It is possible to use the Mega Menu builder to design the content of each tab.<\/p>\n

\"\"<\/a><\/p>\n

This menu structure creates a tabbed mega menu:<\/p>\n

\"\"<\/a><\/p>\n

Displaying Widgets inside a tab<\/h4>\n

In our example, we are showing 3 image widgets within the “Widgets” tab.<\/p>\n

\"\"<\/a><\/p>\n

Clicking the blue Mega Menu button will open the Mega Menu Settings. Widgets can be added to the sub menu through the “Tab Content” tab:<\/p>\n

\"\"<\/a><\/p>\n

Styling the tabs<\/h3>\n

The content<\/em> of the tabs inherit the styling from the general “Mega Menu” styling options in the Theme Editor.<\/p>\n

There is a new section within the “Mega Menu” theme options to style the tabs themselves:<\/p>\n

\"\"<\/a><\/p>\n

FAQ: Can I move the position of the tabs?<\/strong><\/p>\n

It is not possible to move the position of the tabs, tabs will always be vertically aligned on the left hand side of the mega menu.<\/p>\n","protected":false},"excerpt":{"rendered":"

How to set up a Tabbed Mega Menu Menu Structure The menu structure defines the tabs which are visible in the mega menu. It is possible to use the Mega Menu builder to design the content of each tab. This menu structure creates a tabbed mega menu: Displaying Widgets inside…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[16],"ht-kb-tag":[],"class_list":["post-102073","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-pro-features"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"How to set up a Tabbed Mega Menu Menu Structure The menu structure defines the tabs which are visible in the mega menu. It is possible to use the Mega Menu builder to design the content of each tab. This menu structure creates a tabbed mega menu: Displaying Widgets inside...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/102073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=102073"}],"version-history":[{"count":9,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/102073\/revisions"}],"predecessor-version":[{"id":232258,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/102073\/revisions\/232258"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=102073"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=102073"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=102073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}