{"id":2000,"date":"2020-11-11T16:59:32","date_gmt":"2020-11-11T16:59:32","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=2000"},"modified":"2020-11-11T17:00:28","modified_gmt":"2020-11-11T17:00:28","slug":"how-to-add-badges-and-menu-icons-to-menu-items","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/faq\/how-to-add-badges-and-menu-icons-to-menu-items\/","title":{"rendered":"How to add badges and menu icons to menu items"},"content":{"rendered":"\n<p><strong>Step 1<\/strong> &#8211; Please navigate to <em>&#8220;Appearance &gt; Menus&#8221;\u00a0<\/em><\/p>\n<p><strong>Step 2<\/strong> &#8211; Please click on the rectangle beside the menu item that you want to add the badge to expand additional settings<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"814\" height=\"545\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/menu-item-settings.png\" alt=\"\" class=\"wp-image-2001\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/menu-item-settings.png 814w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/menu-item-settings-300x201.png 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/menu-item-settings-768x514.png 768w\" sizes=\"(max-width: 814px) 100vw, 814px\" \/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong> &#8211; Click on <em>&#8220;Groovy Menu Item options<\/em>&#8221; buttons<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"997\" height=\"786\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/groovy-menu-item-options.png\" alt=\"\" class=\"wp-image-1998\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/groovy-menu-item-options.png 997w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/groovy-menu-item-options-300x237.png 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/groovy-menu-item-options-768x605.png 768w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/><\/figure>\n\n\n\n<p><strong>Step 4<\/strong> &#8211; \u0421heck the box\u00a0 <em>&#8220;Enable badges&#8221;<\/em>, now you can set up badge for menu item, you can assign Icon, Image, or Text badges here<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1013\" height=\"1156\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/how-to-add-badges-icons-to-menu-items.png\" alt=\"\" class=\"wp-image-1999\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/how-to-add-badges-icons-to-menu-items.png 1013w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/how-to-add-badges-icons-to-menu-items-263x300.png 263w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/how-to-add-badges-icons-to-menu-items-897x1024.png 897w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/11\/how-to-add-badges-icons-to-menu-items-768x876.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/figure>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":682,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2000"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/comments?post=2000"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2000\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/682"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=2000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}