# Top bar wave layout

**URL:** <https://community.glideapps.com/t/top-bar-wave-layout/52431>\
**Category:** Ask for Help\
**Created:** [October 24, 2022, 4:38pm UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431 "2022-10-24T16:38:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 24, 2022, 4:38pm UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431/1 "2022-10-24T16:38:17Z")

</div>

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/f/7f9555baaff7ba1df9748d55ded50452f2e50157.png) ](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/f/7f9555baaff7ba1df9748d55ded50452f2e50157.png)

How can I make the wave looking top bar, like the picture. I asume you have to use CSS for this, however I don’t know how.

---

<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:** [October 25, 2022, 12:45am UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431/2 "2022-10-25T00:45:31Z")

</div>

I saw @Lucas_Pires did this years ago. He might be able to help.

---

<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:** [October 25, 2022, 3:19am UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431/3 "2022-10-25T03:19:06Z")

</div>

I guess this one was made by @Messias_Carvalho

---

<div class="post-metadata">

**Author:** ![Messias\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/messias_carvalho/32/4586_2.png) [@Messias\_Carvalho](https://community.glideapps.com/u/Messias_Carvalho)\
**Post date:** [October 25, 2022, 1:36pm UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431/4 "2022-10-25T13:36:24Z")

</div>

I do not recommend to use CSS but, if you want… its just a css with a image

```auto
<a style="
position: fixed;
width: 100%;
top:8%;
right: 0%;  
z-index:-1;">
<img src="https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/VLSuBadr9DjSOhixpihJ/pub/wSKo1I0Yqntyj6ZRz4sg.png" /></a>

```

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 5, 2022, 10:59am UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431/5 "2022-11-05T10:59:04Z")

</div>

Is there a way to change the color of this image? Or is there a website, where I can make my own image that looks like this?

---

<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:** [November 5, 2022, 7:34pm UTC](https://community.glideapps.com/t/top-bar-wave-layout/52431/6 "2022-11-05T19:34:31Z")

</div>

use photo shop and upload again