{"id":97249,"date":"2016-11-27T16:46:40","date_gmt":"2016-11-27T16:46:40","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&p=97249"},"modified":"2016-11-27T16:49:17","modified_gmt":"2016-11-27T16:49:17","slug":"applying-third-level-menu-item-styling-to-second-level-menu-items","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/applying-third-level-menu-item-styling-to-second-level-menu-items\/","title":{"rendered":"Applying third level menu item styling to second level menu items"},"content":{"rendered":"

Important: This functionality requires Max Mega Menu v2.3.1+<\/p>\n

Generally, second level items are styled to display as a column header\/title, and third level items are displayed as normal list items. This styling is set using the Theme Editor under Mega Menu > Menu Themes.<\/p>\n

\"second-level-items\"<\/a><\/p>\n

In some instances, you may\u00a0only<\/em>\u00a0want to display second level items in the submenu, in which case it would be preferable not<\/em> to display second level menu items as if they are headers. Instead, you may prefer to display these second level items using the third level menu item styling.<\/p>\n

It is possible to do this by adding a custom class to the parent menu item.<\/p>\n

To add a custom class, go to Appearance > Menus. At the top right of the page click ‘Screen Options’ and ensure the CSS Classes checkbox is ticked. Then expand the parent menu item and add a ‘no-headers’ CSS Class to the item:<\/p>\n

\"no-headers-css-class\"<\/a><\/p>\n

Once the ‘no-headers’ class has been added to the parent item, all items within the sub menu will be displayed as third level items:<\/p>\n

\"second-level-menu-items-as-third\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Important: This functionality requires Max Mega Menu v2.3.1+ Generally, second level items are styled to display as a column header\/title, and third level items are displayed as normal list items. This styling is set using the Theme Editor under Mega Menu > Menu Themes. In some instances, you may\u00a0only\u00a0want to…<\/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":[14],"ht-kb-tag":[],"class_list":["post-97249","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"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":"Important: This functionality requires Max Mega Menu v2.3.1+ Generally, second level items are styled to display as a column header\/title, and third level items are displayed as normal list items. This styling is set using the Theme Editor under Mega Menu > Menu Themes. In some instances, you may\u00a0only\u00a0want to...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/97249","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=97249"}],"version-history":[{"count":4,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/97249\/revisions"}],"predecessor-version":[{"id":97257,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/97249\/revisions\/97257"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=97249"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=97249"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=97249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}