# Hover on Sidemenu Item Icon

**URL:** <https://community.weweb.io/t/hover-on-sidemenu-item-icon/15381>\
**Category:** How do I?\
**Tags:** design\
**Created:** [January 13, 2025, 4:28pm UTC](https://community.weweb.io/t/hover-on-sidemenu-item-icon/15381 "2025-01-13T16:28:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ZUH852](https://avatars.discourse-cdn.com/v4/letter/z/4da419/32.png) [@ZUH852](https://community.weweb.io/u/ZUH852)\
**Post date:** [January 13, 2025, 4:28pm UTC](https://community.weweb.io/t/hover-on-sidemenu-item-icon/15381/1 "2025-01-13T16:28:23Z")

</div>

I apply a hover state to sidemenu items and it works when I take mouse onto it the background color change and the text too accordingly but the icon color doesn’t change with this. Can you help me to guide how I can do this? Thank you!

![sidehover](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/eeefb3503d050c9c41779f3a47f98e9108f416e0.png)

---

<div class="post-metadata">

**Author:** ![Fishfrom96](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fishfrom96/32/12169_2.png) [@Fishfrom96](https://community.weweb.io/u/Fishfrom96)\
**Post date:** [January 13, 2025, 5:52pm UTC](https://community.weweb.io/t/hover-on-sidemenu-item-icon/15381/2 "2025-01-13T17:52:29Z")

</div>

You have to make sure to apply the hover state for the menu item (so the item div) to the children and then apply the hover styling on the item:hover state for the icon and text.

See this short clip:

> **[WeWeb - apply to children](https://www.tella.tv/video/weweb-apply-to-children-be1a)**
>
> Video recording for work