# Icons with Navbar Menu

**URL:** <https://community.bloomreach.com/t/icons-with-navbar-menu/2240>\
**Category:** Experience Manager (PaaS/OnPrem)\
**Created:** [November 17, 2020, 10:19pm UTC](https://community.bloomreach.com/t/icons-with-navbar-menu/2240 "2020-11-17T22:19:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tiswierad](https://avatars.discourse-cdn.com/v4/letter/t/ad7895/32.png) [@tiswierad](https://community.bloomreach.com/u/tiswierad)\
**Post date:** [November 17, 2020, 10:19pm UTC](https://community.bloomreach.com/t/icons-with-navbar-menu/2240/1 "2020-11-17T22:19:55Z")

</div>

Hello,

We are looking to have the ability to have an icon with each site menu item on our navbar. Is there a way to add additional fields like an image to the built in menu functionality of the CMS (in this picture below)?

 ![image](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/1X/0a3316f108a1cbfc91657764eaaab3d72fe07e86.png)

Thanks,

Tim

---

<div class="post-metadata">

**Author:** ![MPriess](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/mpriess/32/1297_2.png) [@MPriess](https://community.bloomreach.com/u/MPriess)\
**Post date:** [June 14, 2022, 8:41am UTC](https://community.bloomreach.com/t/icons-with-navbar-menu/2240/2 "2022-06-14T08:41:32Z")

</div>

Hi @tiswierad Have you solved the problem? Would you like to share your solution?

---

<div class="post-metadata">

**Author:** ![tiswierad](https://avatars.discourse-cdn.com/v4/letter/t/ad7895/32.png) [@tiswierad](https://community.bloomreach.com/u/tiswierad)\
**Post date:** [June 16, 2022, 2:03pm UTC](https://community.bloomreach.com/t/icons-with-navbar-menu/2240/3 "2022-06-16T14:03:46Z")

</div>

Hi @MPriess,

We solved this by updating the menu items hst:prototypeitem to have an advanced field where we could specify an icon. It doesn’t seem like you can use an image picker so you can either put the full path to the icon or in our case we maintain a key to URL map in our frontend so our site web masters just enter the key and the frontend knows what icon to show.

> **[Site Menus - Bloomreach Experience Manager (PaaS/Self-Hosted) - The Fast and...](https://xmdocumentation.bloomreach.com/library/concepts/hst-configuration-model/sitemenu-configuration.html)**
>
> The fast and flexible on-premise or PaaS headless CMS

Hope this helps,

Tim

---

<div class="post-metadata">

**Author:** ![MPriess](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/mpriess/32/1297_2.png) [@MPriess](https://community.bloomreach.com/u/MPriess)\
**Post date:** [June 27, 2022, 2:36pm UTC](https://community.bloomreach.com/t/icons-with-navbar-menu/2240/4 "2022-06-27T14:36:45Z")

</div>

> [@tiswierad](#):
>
> We solved this by updating the menu items hst:prototypeitem to have an advanced field where we could specify an icon. It doesn’t seem like you can use an image picker so you can either put the full path to the icon or in our case we maintain a key to URL map in our frontend so our site web masters just enter the key and the frontend knows what icon to show.

Implemented the same solution 🙂