# How to fix container at the bottom?

**URL:** https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254
**Category:** Ask for Help
**Created:** [June 20, 2024, 7:51am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254 "2024-06-20T07:51:45Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Derill09](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/derill09/32/76768_2.png) [@Derill09](https://community.glideapps.com/u/Derill09)
#### Post date: [June 20, 2024, 7:51am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/1 "2024-06-20T07:51:45Z")

</div>

Hello

I have created a customer portal where our customers can download our test results as a PDF. So far, we have printed out all test reports and sent them in an envelope by post.

Since the portal is not only shared internally in our company, but also with external users, I would like to create a footer and fix it at the bottom of the page (desktop view). I have created a container with the corresponding text and the link to the privacy policy and legal notice.

Unfortunately, I cannot fix the container at the end of the screen. My question is therefore: how can I solve this problem?

Thanks,  
Patrick

 ![Customer-portal_BIOREBA](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/3/b306260ce53af0c78928570b09a10940754ec7ee.png)

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [June 20, 2024, 8:19am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/2 "2024-06-20T08:19:00Z")

</div>

I think if you add a couple spacers that should do it.

---

<div class="post-metadata">

### Author: ![Derill09](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/derill09/32/76768_2.png) [@Derill09](https://community.glideapps.com/u/Derill09)
#### Post date: [June 20, 2024, 8:47am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/3 "2024-06-20T08:47:04Z")

</div>

Thanks Eric, but then I have white padding at the bottom (which I don’t want). It almost works, but it’s not the ideal solution.

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [June 20, 2024, 9:15am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/4 "2024-06-20T09:15:01Z")

</div>

Ok. Just to be clear… I meant put the spacers above the container which should force the container to the bottom… or you could put them in the container if you prefer

---

<div class="post-metadata">

### Author: ![Derill09](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/derill09/32/76768_2.png) [@Derill09](https://community.glideapps.com/u/Derill09)
#### Post date: [June 20, 2024, 9:29am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/5 "2024-06-20T09:29:30Z")

</div>

Yes. I put the spacers above the container (footer).

 ![Customer-portal_V2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/8/789e45933e6c6b0bae9783ab30c1934ecdef2f2b.png)

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [June 20, 2024, 9:31am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/6 "2024-06-20T09:31:11Z")

</div>

That’s what I had in mind… but as the page fills up maybe you want the bottom container to be “sticky”?

If you have a paid plan you could try this css. Put the css under settings → appearance and give the bottom container the class name stickybottom under options. Always keep that container as the last component on your screen for the css to work properly.

```auto

.stickybottom {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
z-index: 999;
margin-top: auto;
}

```

You can find this and a bunch of other helpful codes here

> **[CSS Library](https://css-library.glide.page/)**

---

<div class="post-metadata">

### Author: ![Derill09](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/derill09/32/76768_2.png) [@Derill09](https://community.glideapps.com/u/Derill09)
#### Post date: [June 20, 2024, 9:51am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/7 "2024-06-20T09:51:57Z")

</div>

Thank you for your help! I am currently still a free user, is the customization of CSS also possible there or only from the price model “Maker”?

I’m really surprised that Glide doesn’t already include such a basic feature (footer). Is there no other option than CSS (and using the paid version)?

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [June 20, 2024, 9:56am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/8 "2024-06-20T09:56:02Z")

</div>

My pleasure! CSS is only available on paid plans. From the screenshot it looks like you got what you wanted by just adding a few spacers above the container.

Is the issue that you want it to be “sticky” or is it something else?

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 20, 2024, 10:04am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/9 "2024-06-20T10:04:10Z")

</div>

Try adjusting the spacer some distance, or try increasing the height a little it might help. As far as I know, it works.

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [June 20, 2024, 10:10am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/10 "2024-06-20T10:10:50Z")

</div>

Ahhh yes I see the tiny space now. Just add one more spacer and you should be good to go 👍

---

<div class="post-metadata">

### Author: ![Derill09](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/derill09/32/76768_2.png) [@Derill09](https://community.glideapps.com/u/Derill09)
#### Post date: [June 20, 2024, 10:13am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/11 "2024-06-20T10:13:23Z")

</div>

If I add another spacer (or change the size), I have to scroll the page (which I don’t want to do). The footer should always be in the same place, no matter what the screen resolution is. But I guess I’m starting to realize that without CSS I’m not going to get the result I want… ☹

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 20, 2024, 10:28am UTC](https://community.glideapps.com/t/how-to-fix-container-at-the-bottom/74254/12 "2024-06-20T10:28:50Z")

</div>

Yeah, this container is not designed to stick in the bottom position, but it can still roll.  
I see you don’t use complicated components, maybe you can try making your own with a richtext component with HTML and CSS-inline.
