# \[CSS Help\] Bring a button to forward in the top bar

**URL:** <https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854>\
**Category:** Ask for Help\
**Created:** [August 1, 2021, 4:00pm UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854 "2021-08-01T16:00:06Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [August 1, 2021, 4:00pm UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854/1 "2021-08-01T16:00:06Z")

</div>

Hello,

I need to add an action button in the top bar of my app. I used CSS to move the button to the top right but the button stays back (cf. the following screenshot)

![Capture d’écran 2021-08-01 à 17.54.04](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48f42b553782d4fb9bee5cff973bb80c41ad49eb.png)

Any idea how can i bring this button to forward ?

Thanks for your help

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 1, 2021, 4:12pm UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854/2 "2021-08-01T16:12:14Z")

</div>

I did try doing the same thing not too long ago but z-index messed up one component or another.

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [August 1, 2021, 10:00pm UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854/3 "2021-08-01T22:00:48Z")

</div>

I tried too z-index but nothing works correctly and the button still stays back, just behind the top bar.  
I’m still looking for another option ☹

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [August 1, 2021, 10:02pm UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854/4 "2021-08-01T22:02:27Z")

</div>

Could this help?

> [@Tell Glide how you use CSS](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641/22):
>
> Thanks for taking the time to address this, @Jason. I’m sure this thread will become pretty long, pretty quickly. CSS Use: More efficient use of space Every component takes up visual real estate. I use CSS often to adjust the margins/paddings/locations of components to make better use of space so that content isn’t “below the fold”. Before: After: \<pre\>\<span\>\<style\> [data-test="app-summary"] { margin-top: -90…

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 1, 2021, 10:04pm UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854/5 "2021-08-01T22:04:51Z")

</div>

try to disable the top bar:

```auto
/*media only screen */ 
/*Hide svg at the top——————————————*/
.jiuuwu svg { display: none; }
/*Hide tytle at the top——————————————*/
[data-test="glide-app-bar"] {display: none}

```

---

<div class="post-metadata">

**Author:** ![Fabien\_Vermot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fabien_vermot/32/5955_2.png) [@Fabien\_Vermot](https://community.glideapps.com/u/Fabien_Vermot)\
**Post date:** [August 5, 2021, 8:20am UTC](https://community.glideapps.com/t/css-help-bring-a-button-to-forward-in-the-top-bar/29854/6 "2021-08-05T08:20:49Z")

</div>

Thanks @Robert_Petitto & @Uzo  
It will be useful for some other projects but not for this one. I finally changed my mind : i let my button in the screen but i used CSS code to disabled it until all the other fields/components are not fulfilled