{"id":366,"date":"2015-03-12T18:16:27","date_gmt":"2015-03-12T18:16:27","guid":{"rendered":"https:\/\/www.megamenu.com\/?page_id=366"},"modified":"2020-01-27T14:20:41","modified_gmt":"2020-01-27T14:20:41","slug":"badge","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/badge\/","title":{"rendered":"Menu Item Badges"},"content":{"rendered":"\n<p>Menu item badges are ideal for bringing attention to an individual menu item. As they accept shortcodes, we can also use badges to display dynamic content such as basket totals and notification counts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Adding a badge to a menu item<\/h4>\n\n\n\n<p>To add a badge to a menu item, go to <em>Appearance &gt; Menus<\/em>. Hover over the item you would like to add a badge to and click the blue &#8220;Mega Menu&#8221; button.<\/p>\n\n\n\n<p>On the left hand side, click the &#8220;Badge&#8221; tab. In the settings you can specify the badge text, set whether the badge is visible on desktops and mobiles, and choose from one of four badge styles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2452\" height=\"1642\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge.png\" alt=\"\" class=\"wp-image-229386\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge.png 2452w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge-300x201.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge-1024x686.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge-768x514.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge-50x33.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge-1536x1029.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/menu-item-badge-2048x1371.png 2048w\" sizes=\"auto, (max-width: 2452px) 100vw, 2452px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Styling menu item badges<\/h4>\n\n\n\n<p>To adjust the styling of your menu item badges, go to <em>Mega Menu > Menu Themes<\/em> and select the &#8220;Badges&#8221; tab. You can configure 4 separate badge styles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2452\" height=\"4688\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor.png\" alt=\"\" class=\"wp-image-229387\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor.png 2452w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor-157x300.png 157w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor-536x1024.png 536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor-768x1468.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor-26x50.png 26w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor-803x1536.png 803w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/01\/badge-theme-editor-1071x2048.png 1071w\" sizes=\"auto, (max-width: 2452px) 100vw, 2452px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Menu item badges are ideal for bringing attention to an individual menu item. As they accept shortcodes, we can also use badges to display dynamic content such as basket totals and notification counts. Adding a badge to a menu item To add a badge to a menu item, go to&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[16],"ht-kb-tag":[21],"class_list":["post-366","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-pro-features","ht_kb_tag-sticky"],"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":"Menu item badges are ideal for bringing attention to an individual menu item. As they accept shortcodes, we can also use badges to display dynamic content such as basket totals and notification counts. Adding a badge to a menu item To add a badge to a menu item, go to...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/366","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=366"}],"version-history":[{"count":18,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/366\/revisions"}],"predecessor-version":[{"id":229389,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/366\/revisions\/229389"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=366"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=366"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}