# CSS fixed position for right panel?

**URL:** <https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054>\
**Category:** Ask for Help\
**Created:** [May 21, 2021, 9:20am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054 "2021-05-21T09:20:05Z")\
**Posts on this page:** 20\
**Page:** 2

<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:** [May 21, 2021, 10:26am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/21 "2021-05-21T10:26:58Z")

</div>

z-index:1;

got it!

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:30am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/22 "2021-05-21T10:30:09Z")

</div>

Yes  
I adjust the height of the image to be as accurate as possible.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/c/dc9ab09b2ed6f1d241d92f6a658fdbb87480efd9.jpeg)

```
<img class="back_image" src="https://images.unsplash.com/photo-1519046904884-53103b34b206?ixid=MnwxMDEzNjV8MHwxfHNlYXJjaHwyfHxiZWFjaHxlbnwwfHx8fDE2MjA4MjMwODI&ixlib=rb-1.2.1">
    <pre><span><style>
    .back_image{
position:fixed;
width:200%;
max-width:705px;
height:calc(13.7% + 1px);
margin-left:37px;
-ms-transform: translate(-8%, -105%);
transform: translate(-8%, -105%);
z-index:1;
    }
    .jiuuwu svg {
    display: none;
    }
    [data-test="glide-app-bar"]
    {display: none}

```

edit height:calc(13.5% + 1px);

---

<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:** [May 21, 2021, 10:33am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/23 "2021-05-21T10:33:18Z")

</div>

is not showing top of the picture in desktop, in editor looks good

 ![Screen Shot 2021-05-21 at 6.30.19 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/a/aadbab9625685aeaad835f01bdb566c815573537.jpeg)  
 ![Screen Shot 2021-05-21 at 6.30.32 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/7/276e9fac894ab21ab55aa007043e2aa506d8cba0.jpeg)

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:34am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/24 "2021-05-21T10:34:37Z")

</div>

arhhhh  
Now is the time for the galley to begin.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:36am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/25 "2021-05-21T10:36:08Z")

</div>

Is it possible to have the link of your image?

---

<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:** [May 21, 2021, 10:36am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/26 "2021-05-21T10:36:20Z")

</div>

hahahaha… i know… also mobile view is not good… ;- (  
i’m fighting with this for past 3 hours… but this is a big progress!

 ![Screen Shot 2021-05-21 at 6.38.07 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/4/549b46e5a2c824b30d13e86ae47d066bcd5fa356.png)

---

<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:** [May 21, 2021, 10:39am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/27 "2021-05-21T10:39:31Z")

</div>

is there any way to relate size to this window in mobile and tablet?

---

<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:** [May 21, 2021, 10:45am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/28 "2021-05-21T10:45:19Z")

</div>

i fix tablet… mobile is off, it have to be the other way?

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:46am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/29 "2021-05-21T10:46:32Z")

</div>

I do not think so  
Is it to have your image?

---

<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:** [May 21, 2021, 10:48am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/30 "2021-05-21T10:48:35Z")

</div>

you need original image?

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:49am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/31 "2021-05-21T10:49:03Z")

</div>

yes why not !

---

<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:** [May 21, 2021, 10:49am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/32 "2021-05-21T10:49:11Z")

</div>

![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/9/f9121451b4f063e2db43aebe6aae7f2f92521812.gif)

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:51am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/33 "2021-05-21T10:51:10Z")

</div>

ah ok I understand better (I’m like a child, it’s always better with an image :-))  
I’m doing research

---

<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:** [May 21, 2021, 10:51am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/34 "2021-05-21T10:51:15Z")

</div>

if is impossible, i will make background exactly same color as glide, and remove bottom line, its gonna be easier to place it

---

<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:** [May 21, 2021, 10:52am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/35 "2021-05-21T10:52:39Z")

</div>

i hope there is a way to relate size to window size, not guessing pixels

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 10:58am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/36 "2021-05-21T10:58:35Z")

</div>

but is it a pro application?

---

<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:** [May 21, 2021, 11:01am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/37 "2021-05-21T11:01:38Z")

</div>

yes, thats why i’m frustrated with tablet view

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 11:05am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/38 "2021-05-21T11:05:57Z")

</div>

🙂

yes I may have an idea.

it is to do the job in 2 parts.

an image or a white background with the stroke.  
and the gif image in real size

a bit like that.

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

---

<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:** [May 21, 2021, 11:07am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/39 "2021-05-21T11:07:53Z")

</div>

??? how to stretch exactly to the end of window? and start in the beginning

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 21, 2021, 11:15am UTC](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054/40 "2021-05-21T11:15:12Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/da27c77866bd19f9dfbe7cc057c687b60e7ce02f.png)

[Previous page](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054.md?page=1)

[Next page](https://community.glideapps.com/t/css-fixed-position-for-right-panel/27054.md?page=3)