# Fixed image component

**URL:** <https://community.glideapps.com/t/fixed-image-component/17945>\
**Category:** Ask for Help\
**Created:** [November 4, 2020, 3:31pm UTC](https://community.glideapps.com/t/fixed-image-component/17945 "2020-11-04T15:31:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\
**Post date:** [November 4, 2020, 3:31pm UTC](https://community.glideapps.com/t/fixed-image-component/17945/1 "2020-11-04T15:31:01Z")

</div>

How to fix image component so it stays fixed while visitor scrolls page up & down.  
I need this feature to keep my logo fixed on top of page while visitor scrolls page up & down.

---

<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:** [November 4, 2020, 3:44pm UTC](https://community.glideapps.com/t/fixed-image-component/17945/2 "2020-11-04T15:44:56Z")

</div>

Do you want to use HTML for your app. There is a way to use your logo as the “tab name”.

---

<div class="post-metadata">

**Author:** ![Ramil\_Rahimzada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramil_rahimzada/32/15656_2.png) [@Ramil\_Rahimzada](https://community.glideapps.com/u/Ramil_Rahimzada)\
**Post date:** [November 4, 2020, 3:45pm UTC](https://community.glideapps.com/t/fixed-image-component/17945/3 "2020-11-04T15:45:58Z")

</div>

I would like to use. But I do not have experience with HTML coding.

---

<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:** [November 4, 2020, 3:48pm UTC](https://community.glideapps.com/t/fixed-image-component/17945/4 "2020-11-04T15:48:14Z")

</div>

Before you use this, please keep in mind that Glide does not officially support HTML so they won’t support any cases of HTML breaks when they update their code.

You can try putting this in a rich text component and change the URL part to your logo’s image link.

```
<span/>
<style>
#app-root div[opacity='1'] {
  color: transparent; 
}
.nav-bar-root {
  content: "";
  display: block;
  background-image: url(URL);
  background-size: 70px 70px;
  background-repeat: no-repeat; 
background-position: center, center;
;}
</style>
```