# Edit pen while css icon

**URL:** <https://community.glideapps.com/t/edit-pen-while-css-icon/26755>\
**Category:** Ask for Help\
**Created:** [May 13, 2021, 2:07pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755 "2021-05-13T14:07:04Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\
**Post date:** [May 13, 2021, 2:07pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/1 "2021-05-13T14:07:04Z")

</div>

I want to allow users to edit the page but i have the CSS for having the icon in the middle of the top bar and now the pen is not showing anymore:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/4/54d713fa0ed53ce302711f68a4ec0ab2c1509475.png)

This is the text:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/c/ec152c5a6faf400ba491c2791c204e6a7cdc7392.png)

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 13, 2021, 7:45pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/2 "2021-05-13T19:45:47Z")

</div>

@adriasoce remove `display:block;` from **.nav-bar-root** class.

or change it to `display: flex;`

---

<div class="post-metadata">

**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\
**Post date:** [May 13, 2021, 8:05pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/3 "2021-05-13T20:05:36Z")

</div>

Oh true!! Thanks a lot Lucas!!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 13, 2021, 8:06pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/4 "2021-05-13T20:06:15Z")

</div>

You’re welcome! 😁

---

<div class="post-metadata">

**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\
**Post date:** [May 14, 2021, 12:52pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/5 "2021-05-14T12:52:23Z")

</div>

@Lucas_Pires and is there a way to delete (or hidden) the back button of the top-left?

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/b/6bcbf7e10aa3e10a1bdad9e4dd739d9395814f84.png)

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 14, 2021, 1:04pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/6 "2021-05-14T13:04:07Z")

</div>

```
<pre><span><style>
[data-test="back-button"] {
display:none;
}
```

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:52pm UTC](https://community.glideapps.com/t/edit-pen-while-css-icon/26755/7 "2024-01-17T16:52:18Z")

</div>