{"id":1827,"date":"2024-09-26T13:44:51","date_gmt":"2024-09-26T13:44:51","guid":{"rendered":"http:\/\/docs"},"modified":"2024-09-26T13:44:51","modified_gmt":"2024-09-26T13:44:51","password":"","slug":"how-to-add-an-image-for-a-menu-item","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/menu-set-up\/how-to-add-an-image-for-a-menu-item\/","title":{"rendered":"How to add an Image for a Menu item"},"content":{"rendered":"<p>In WordPress, adding images to menu items can enhance the visual appeal of your website and provide a more engaging user experience.  In this article, we will consider some examples of using images in menus.<\/p>\n<p>The first example is taken from the <a href=\"https:\/\/xstore.8theme.com\/elementor2\/furniture3\/\" target=\"_blank\" rel=\"noopener\">Furniture3<\/a> demo:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65b279a452a6af5def3c8ca0\/file-bayqzgQXaC.png\" style=\"max-width: 100%; \" \/><\/p>\n<p>This Secondary menu was created through the <b>Appearance &gt; Menus<\/b>. Images were uploaded for the menu items, and the &quot;Use image as&quot; and &quot;Position&quot; options were selected, as illustrated in the screenshot below:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65b27a5730c1875e8e0673ab\/file-nmCLDwtP5J.png\" style=\"max-width: 100%; \" \/><\/p>\n<p>Another example is the <a href=\"https:\/\/xstore.8theme.com\/elementor\/demos\/grocery-market\" target=\"_blank\" rel=\"noopener\">Grocery market<\/a> demo:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65b27b6430c1875e8e0673ae\/file-vhtgbmjeuI.png\" style=\"max-width: 100%; \" \/><\/p>\n<p>The following settings were chosen for the menu items in the All Departments menu:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/65b27be81280097516451962\/file-19JrsQVtWD.png\" style=\"max-width: 100%; \" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In WordPress, adding images to menu items can enhance the visual appeal of your website and provide a more engaging user experience. In this article, we will consider some examples of using images in menus. The first example is taken from the Furniture3 demo: This Secondary menu was created through the Appearance &gt; Menus. Images [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[39],"doc_tag":[],"class_list":["post-1827","docs","type-docs","status-publish","hentry","doc_category-menu-set-up"],"aioseo_notices":[],"year_month":"2026-04","word_count":102,"total_views":"3759","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"Menu Set Up","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/menu-set-up\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1827"}],"version-history":[{"count":0,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1827\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1827"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1827"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}