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

[Tae]

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.

[Batik_Okazov]

Hi!

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

[Tae]

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.

[tomerer2000]

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

[Batik_Okazov]

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

[Agustin_Carozo]

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

Let us know what ended being the solution.

[Tae]

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

[Tae]

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

[Tae]

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

[Tae]

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.