# Custom CSS to make one column both fixed + scrollable?

**URL:** <https://community.weweb.io/t/custom-css-to-make-one-column-both-fixed-scrollable/17098>\
**Category:** How do I?\
**Tags:** design\
**Created:** [March 11, 2025, 10:35am UTC](https://community.weweb.io/t/custom-css-to-make-one-column-both-fixed-scrollable/17098 "2025-03-11T10:35:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![oli](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/oli/32/8397_2.png) [@oli](https://community.weweb.io/u/oli)\
**Post date:** [March 11, 2025, 10:35am UTC](https://community.weweb.io/t/custom-css-to-make-one-column-both-fixed-scrollable/17098/1 "2025-03-11T10:35:51Z")

</div>

Hi folks, I’ve got a setup that I think can be solved by some custom CSS, although open to alternative solutions. What I’ve built is a block based content management system - IE similar to Mailchimp / Softr etc, with one column showing the content and one column allowing users to edit the selected content

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/f8dad0d8bde28a36b1ee38bc2106d176a47af6d2.png)

I want the right hand column to remain fixed (IE if a user is editing content further down the page they don’t have to scroll up to see the edit panel), so I’ve used `position: fixed`. Which works ok.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/74061afc0d6734526320fefda6a63d1db9c36954.png)

But the problem is, if there’s too much content in the right hand side, the update button is out of view, and there’s no scrollbar.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/5b96df6b7311f2b9e9843333aadfaff41519c551.png)

I feel like the solution is something like

```auto
 position:fixed;
 overflow-y:scroll;

```

But that’s not working.

Any suggestions? 🤔