{"id":370,"date":"2015-03-12T18:18:30","date_gmt":"2015-03-12T18:18:30","guid":{"rendered":"https:\/\/www.megamenu.com\/?page_id=370"},"modified":"2019-09-19T10:45:14","modified_gmt":"2019-09-19T09:45:14","slug":"custom-menu-icon","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/custom-menu-icon\/","title":{"rendered":"Custom Icons"},"content":{"rendered":"<h3>Adding a Custom Icon to a menu item<\/h3>\n<p>To add a custom icon to a menu item, open the Mega Menu settings for the menu item and click the &#8216;Icon&#8217; tab. You will see a list of available icon types listed across the top of the page. Select &#8216;Custom Icon&#8217; and click the &#8216;Choose Icon&#8217; link to select an image to use as the icon from your Media Library.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-213612\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon.png\" alt=\"\" width=\"2646\" height=\"1692\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon.png 2646w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-300x192.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-768x491.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-1024x655.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-50x32.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-1064x680.png 1064w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-620x396.png 620w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2015\/07\/custom-icon-400x256.png 400w\" sizes=\"auto, (max-width: 2646px) 100vw, 2646px\" \/><\/a><\/p>\n<h3>Custom Icon Settings<\/h3>\n<p>Max Mega Menu will automatically create a resized icon based on the width and height given in the Icon Width and Icon Height settings. Using the &#8220;Icon Align&#8221; option you can optionally change the vertical alignment of the icon, although &#8220;Middle&#8221; will work well in most situations.<\/p>\n<h3>Removing a Custom Icon from a menu item<\/h3>\n<p>To remove a custom icon, click the Dashicons tab and select the empty icon option (top left).<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding a Custom Icon to a menu item To add a custom icon to a menu item, open the Mega Menu settings for the menu item and click the &#8216;Icon&#8217; tab. You will see a list of available icon types listed across the top of the page. Select &#8216;Custom Icon&#8217;&#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":[],"class_list":["post-370","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":"Adding a Custom Icon to a menu item To add a custom icon to a menu item, open the Mega Menu settings for the menu item and click the &#8216;Icon&#8217; tab. You will see a list of available icon types listed across the top of the page. Select &#8216;Custom Icon&#8217;...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/370","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=370"}],"version-history":[{"count":6,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/370\/revisions"}],"predecessor-version":[{"id":213614,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/370\/revisions\/213614"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=370"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}