# My content extends beyond the visible area vertically. How can I prevent it from overflowing downward?

**URL:** https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308
**Category:** How do I?
**Tags:** design
**Created:** [May 19, 2025, 6:51am UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308 "2025-05-19T06:51:17Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)
#### Post date: [May 19, 2025, 6:51am UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/1 "2025-05-19T06:51:17Z")

</div>

Would it be possible to enable vertical scrolling for the content, so it doesn’t exceed the screen boundaries like this? I would truly appreciate your kind guidance.

 ![ภาพถ่ายหน้าจอ 2568-05-19 เวลา 13.44.27](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/c326998dd0839c7b8bb9bc229c7697c2684d362e.jpeg)

---

<div class="post-metadata">

### Author: ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)
#### Post date: [May 19, 2025, 7:39am UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/2 "2025-05-19T07:39:44Z")

</div>

Hi!

You can set the “Container” overflow property to “Auto” or “Visible”. And scrollbar will appear.

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

---

<div class="post-metadata">

### Author: ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)
#### Post date: [May 19, 2025, 12:56pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/3 "2025-05-19T12:56:17Z")

</div>

I’ve already tested it, but the content scrolls sideways—left and right. Is there a way to enable vertical scrolling instead? I’d greatly appreciate your assistance.

---

<div class="post-metadata">

### Author: ![tomerer2000](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@tomerer2000](https://community.weweb.io/u/tomerer2000)
#### Post date: [May 19, 2025, 1:01pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/4 "2025-05-19T13:01:01Z")

</div>

Hey,  
Maybe try to define width and hight to 100%.

---

<div class="post-metadata">

### Author: ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)
#### Post date: [May 19, 2025, 1:15pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/5 "2025-05-19T13:15:37Z")

</div>

A quick fix is to set css rule “overflow-x: hidden;”, so only the vertical scroll is visible.

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

---

<div class="post-metadata">

### Author: ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)
#### Post date: [May 19, 2025, 1:26pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/6 "2025-05-19T13:26:34Z")

</div>

Hi Tae, have you tried what Batik and tomerer have said?

Let us know what ended being the solution. 😉

---

<div class="post-metadata">

### Author: ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)
#### Post date: [May 19, 2025, 2:15pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/7 "2025-05-19T14:15:55Z")

</div>

I’ve set the height to 100%, but it still isn’t working. Could you please advise?

 ![ภาพถ่ายหน้าจอ 2568-05-19 เวลา 21.13.47](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6b1caae349be3f96ded39514e2c21fbbc286d5ff.jpeg)

---

<div class="post-metadata">

### Author: ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)
#### Post date: [May 19, 2025, 2:19pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/8 "2025-05-19T14:19:10Z")

</div>

I’ve applied the CSS property ‘overflow-x: hidden;’, but the issue still persists. Any suggestions would be appreciated.

 ![ภาพถ่ายหน้าจอ 2568-05-19 เวลา 21.17.08](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1ca39b1e8646e035e425a4fbba39a59e342d85ed.jpeg)

---

<div class="post-metadata">

### Author: ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)
#### Post date: [May 19, 2025, 2:21pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/9 "2025-05-19T14:21:16Z")

</div>

It still isn’t working. Would you happen to have any other suggestions or recommendations?

---

<div class="post-metadata">

### Author: ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)
#### Post date: [May 19, 2025, 2:31pm UTC](https://community.weweb.io/t/my-content-extends-beyond-the-visible-area-vertically-how-can-i-prevent-it-from-overflowing-downward/18308/10 "2025-05-19T14:31:02Z")

</div>

I’ve resolved the issue. I followed Mr. Batik\_Okazov’s suggestion and applied ‘overflow-x: hidden;’ in the CSS. Initially, I had set it on the wrong container. Thank you very much for your help.

 ![ภาพถ่ายหน้าจอ 2568-05-19 เวลา 21.26.59](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a56525846d188d09112c9b7b23d1025a29c5ad1c.jpeg)