# Element transformation - Please Help

**URL:** <https://community.weweb.io/t/element-transformation-please-help/7576>\
**Category:** How do I?\
**Created:** [March 14, 2024, 3:46pm UTC](https://community.weweb.io/t/element-transformation-please-help/7576 "2024-03-14T15:46:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Newtothis](https://avatars.discourse-cdn.com/v4/letter/n/7ba0ec/32.png) [@Newtothis](https://community.weweb.io/u/Newtothis)\
**Post date:** [March 14, 2024, 3:46pm UTC](https://community.weweb.io/t/element-transformation-please-help/7576/1 "2024-03-14T15:46:06Z")

</div>

Hi,

How do I ensure that the Icon will be visible when my side bar is collapsed? the div is being pushed when the collapse variable is true.

 ![Screenshot 2024-03-14 at 13.55.58](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/fb056dc2816674d96dc72b487ba4c623ceb5a76b.png)  
 ![Screenshot 2024-03-14 at 15.44.40](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/11b0dc6b7edf3599ccef7f923924aede0b0892d1.png)

---

<div class="post-metadata">

**Author:** ![Newtothis](https://avatars.discourse-cdn.com/v4/letter/n/7ba0ec/32.png) [@Newtothis](https://community.weweb.io/u/Newtothis)\
**Post date:** [March 14, 2024, 4:14pm UTC](https://community.weweb.io/t/element-transformation-please-help/7576/2 "2024-03-14T16:14:06Z")

</div>

Hi guys,

I think i’ve figured this out, may be a botch job so if someone can advise if this will suffice that would be great.

I implemented a width formula on the ‘links’ section…

 ![Screenshot 2024-03-14 at 16.13.49](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3cafe03bd0e43f820bd406cadc410a15e2dfe0e8.png)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [March 14, 2024, 5:57pm UTC](https://community.weweb.io/t/element-transformation-please-help/7576/3 "2024-03-14T17:57:35Z")

</div>

Looks like it could be a nice solution for this. Does it achieve the desired result?

---

<div class="post-metadata">

**Author:** ![Newtothis](https://avatars.discourse-cdn.com/v4/letter/n/7ba0ec/32.png) [@Newtothis](https://community.weweb.io/u/Newtothis)\
**Post date:** [March 14, 2024, 6:03pm UTC](https://community.weweb.io/t/element-transformation-please-help/7576/4 "2024-03-14T18:03:26Z")

</div>

Hi Joyce,

Thanks for the response, I’d does indeed!

I just didn’t want it to be a ‘visual’ fix when in reality functionality isn’t 100%.

Seems to be working great!